ExtJS Izgara Sütunu başlığını gizleme

Question

Kod kullanarak kılavuz sütun başlığını gizleyebileceğimi anlıyorum.

#gridid .x-grid3-hd-row { display:none; } 

Ancak CSS değişikliğini kullanmak istemiyorum. JavaScript kullanarak aynı nasıl yapılır?

Answer 1

: Genellikle

hideHeaders: true 

Answer 2

hideHeaders configuration option of the GridPanel'u true olarak ayarlayabilirsiniz. Yoksa ızgara yapıldıktan sonra mı demek istiyorsun?

Düzenlendi: Eğer başlık oluşturulan biçimini değiştirmek (veya devre dışı) istiyorsanız, ayrıca GridView den renderHeaders veya updateHeaders geçersiz olabilir. Varsayılan uygulama this.innerHd yılında başlığını yazıyor olsa

ts.header = new Ext.Template(
    '', 
    '{cells}', 
    ' 
' 
); 

ve innerHdthis.mainHd.dom.firstChild olarak tanımlanır: Bir başka yöntem varsayılan yerine boş bir şablona header değer seti ile, GridView bir templates seçeneği geçmek olabilirseçeneği hideHeaders seçeneği ayarlanmışsa gizlenir. Bu yüzden bu seçeneğin sütun başlıklarını da etkilemesini beklerdim.

Düzenlendi: Hangi ExtJS sürümü hakkında konuşuyoruz? Ben the current source baktım, bu 3.1 sanırım.

Answer 3

Sen ızgara tanımına bu ekleyebilirsiniz:

listeners: { 
    render: function(grid) { 
     grid.getView().el.select('.x-grid3-header').setStyle('display', 'none'); 
    } 
}, 

bu şekilde Ext.grid.GridPanel bu ekleme ile kolayca yapabilirsiniz

Answer 4

sen sona ızgarayı bir panele koyduğunuzda bunu istemek.

Benim için css kesmek kötü görünüyordu ve yalnızca bu çalıştı:

preventHeaders: true 

sadece şebekeye hideHeaders: true eklemek özelliği here in the docs.

Answer 5

bakınız.