EXTJS 5.1 WIDGET IN HEIDER GRID COLUMN HEADER

Question

Возможно ли добавить пользовательский виджет (например, кнопку или флажок) в заголовке столбца gridpanel?

Из документации неясно. Уже я пробовал это сделать, но безуспешно.

Пожалуйста, помогите!

Answer 1

Короткий ответ - «да».

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

В слушателе, получить столбец innerEl = (component.getEl(). Вниз ('столбец заголовков внутренних').

Затем создайте новый компонент, как кнопка/флажок, columnComponent.headerButton = .. новый Ext.button.Button()

Затем сделать его columnComponent.headerButton.render (innerEl)

Я надеюсь, что это помогает

Answer 2

у меня была та же проблема: как получить кнопку (или любой пользовательский компонент) в поле заголовка сетки extjs.

После некоторых исследований я нашел решение для ExtJS 5: Вы можете настроить свойство «элементы» столбцов сетки:

{ 
    xtype: "gridcolumn", 
    text: "column header name in grid", 
    dataIndex: "...", 
    items:[ 
     { 
      xtype: "button", 
      text: "Foo", 
      handler: "onFooClick" 
     } 
    ] 
} 

Это будет, например, показывать кнопку под текстом заголовка сетки внутри заголовка компонент.