ExtJs.


Я хотел бы добавить некоторые элементы в заголовок столбца сетки.

Работает с классической темой (используя Ext.grid.Panel)

https://fiddle.sencha.com/#view/editor&fiddle/2s7u

но он не работает с современной темой (используя Ext.grid.Grid)

https://fiddle.sencha.com/#view/editor&fiddle/2s7v

Все элементы попадают в div с классом .x-gridcolumn.x-leaf .x-gridcolumn-body-el с "display: none;" Стиль CSS

Спасибо

extjsextjs6extjs6-modern

Всего 1 ответ

Вы можете добавить компонент в целевой домен либо при инициализации, либо при рендеринге событий сетки. 

 listeners: {
    initialize: function (grid) {
       var columns = grid.getColumns();
       columns.forEach(function(record){
       var targetDom = record.el.dom;
       var newPanel = Ext.create('Ext.container.Container', {
         items: [{
           xtype: 'textfield'
         }],
         renderTo: targetDom
       });
      })
   }  
}