'Araçlar' yapılandırmasında Özel Resimlerin Görüntülenmesi ext.grid.panel

Question

Yalnızca extJ'lerle bir ay yaşıyorum ve hala denemeler yapıyorum. Sorum şu: Bir ızgara panelim var ve içinde 'araçlar' yapılandırma seçenekleri var. Bir Ext.grid.feature.Grouping değişkenini etkinleştirmek/devre dışı bırakmak için bunu kullanıyorum. 2 işleyici işlevi, başlığın sağ tarafında görünen 2 'çapraz' düğmelerine tıklayarak 2 görünümü devre dışı bırakmak/etkinleştirmek için mantığa sahiptir. Mantık iyi. Bununla birlikte, 'cross' düğmelerinin yerine özel görüntüler kümemi görüntülemek istiyorum. Bu yapılabilir mi? Evet ise nasıl? Bunun için css kodunda bazı değişiklikler yapmam gerekiyor mu?

Dokümantasyona baktım ve iyi bir arama yaptım ama hiçbir şey soruma cevap vermiyor gibi görünüyor.

Answer 1

özel type yapılandırma senin araçları belirtin:

Ext.create('Ext.grid.Panel', { 
    ... 
    tools: [ 
     { 
     type: 'enable-grouping', 
     handler: function() { 
      ... 
     } 
     }, 
     { 
     type: 'disable-grouping', 
     handler: function() { 
      ... 
     } 
     } 
    ] 
}); 

Ardından yeni araçlar stil bir stil aşağıdaki sınıfları tanımlar:

.x-tool-enable-grouping { 
    background-image: url('path/to/tool/image/enable-grouping.png'); 
} 

.x-tool-disable-grouping { 
    background-image: url('path/to/tool/image/disable-grouping.png'); 
} 

bir araç görüntünün boyutu 15 olmalıdır x 15 px