Tree dgridのdgrid-expando-iconの変更方法

Question

ツリーグリッドの三角形のアイコンの展開/折りたたみをカスタムアイコン（+、 - ）に変更する方法を教えてください。また、どのようにgrid.Hopingのすべてのテーブルの罫線を削除するCSSを介して行うことができます。

@Himanshu - これはdgridではなくdojoxGridではありません。私は同様のものを見つけることができれば、dgrid.cssを調べて、これらを見つけました.4つの状態を拡大（通常、ホバー）、崩壊（通常、ホバー）と表現します。

.dgrid-expando-icon { 
width: 16px; 
height: 16px; 
}  
ui-icon { 
width: 16px; 
    height: 16px; 
    background-image: url("images/ui-icons_222222_256x240.png"); 
} 

Answer 1

dojox.grid.TreeGridのデフォルトアイコンを変更するには、次のCSSを使用します。

!importantでは、デフォルトのCSSプロパティ値を上書きできます。

.dojoxGridExpandoNode { 
    background-image: url('http://findicons.com/files/icons/2625/google_plus_interface_icons/18/star.png') !important; 
} 

ライブたとえば、先頭にプラスアイコンをCHANGIN：ヒマンシュ@

http://jsfiddle.net/zx4g3z02/2/

Answer 2

拡大/縮小アイコンは、クラスdojoxGridExpandoNodeに対応するdivのbackground-imageプロパティから来ています。したがって、CSSを上書きして独自のbackground-imageプロパティを適用することができます。デフォルトで

は、画像を拡大（正常およびホバリング）するための2枚の画像を有する4枚の画像、及び崩壊（正常およびホバリング）するための2つの画像の組み合わせでのみbackground-positionプロパティはonmouseoverとonlcick中に変更されますアイコンノード上でしたがって、それに応じてカスタムイメージを作成する必要があります。または、展開/折りたたみノードのonmouseoverとonclick機能をオーバーライドして、それに従って画像を操作します。