2

ノードが展開/折りたたみをサポートしている場合、ノードごとにツリー ノード アイコンを変更するにはどうすればよいですか?

たとえば、次の CSS を使用して、ツリーの展開/折りたたみアイコンをグローバルに設定できます。

#reports-tree .x-tree-icon-parent
{
    background-image: url('../images/tree/folder_closed.png');
    background-repeat: no-repeat;
}

#reports-tree .x-grid-tree-node-expanded .x-tree-icon-parent
{
    background-image: url("../images/tree/folder_opened.png");
    background-repeat: no-repeat;
}

また、標準で使用して個々のleafアイコンを設定することもできます。iconCls

ただし、場合によっては、カスタム アイコンを指定し、通常の展開/折りたたみアイコンを使用しない非リーフ ノードがあります。

4

2 に答える 2

2

解決策は!important、アイコン CSS に立ち寄ることです。たとえば、次のようになります。

.sg-arp-reports-tree-report-stim {
    background-image: url('../images/tree/report_stim.png') !important;
    background-repeat: no-repeat;
}

これは期待どおりに機能しているようで、展開/折りたたみまたはリーフ/非リーフに関係なくアイコンを同じに保ちます。

于 2012-09-24T11:39:09.907 に答える
1

これはあなたを助けるはずです

#helpContentsTree .x-tree-node-expanded  .x-tree-node-icon
{
    background-image: url("test1.gif") !important;
    background-repeat: no-repeat;
}
#helpContentsTree .x-tree-node-collapsed   .x-tree-node-icon
{
    background-image: url("test.jpg") !important;
    background-repeat: no-repeat;
}
于 2013-07-04T07:50:22.080 に答える