2013-07-13 13 views
7

varsayılan simgelerini (düğüm ve yaprak) değiştirmek için. Ama bu işe yaramıyor.Extjs Treepanel: CSS Ben css kullanarak varsayılan simgelerini (düğüm ve yaprak) değiştirmek için deneyin <b><a href="http://jsfiddle.net/bmbMy/" rel="nofollow">http://jsfiddle.net/bmbMy/</a></b> gibi bir ağaç panel vardır

.x-grid-row .x-grid-tree-node-expanded { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-grid-tree-node-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

i sayesinde

cevap

6

Doğru css sınıfları geçersiz değil nasıl yapabilirim.

.x-grid-tree-node-expanded .x-tree-icon-parent { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-tree-icon-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

Ve güncellenmiş jsfiddle: Burada ne ihtiyaç vardır.

+0

+1 .. Özel bir stiliniz yoksa, yük maskesinin, kararsız ağaç düğümleri yüklendiğinde göründüğünü fark ettim. Maskeyi özelleştirmenin bir yolu var mı bu yüzden bu stilleri olmayan varsayılan yük maskesini kullanıyor? Yük maskesi olmadan, özellikle de yineleyici olduğunda düğümlerin ne zaman yüklendiğini söylemek zor. – MacGyver

İlgili konular