在ExtJS的網格標題中添加組合框編輯器

Question

我們可以在extjs的網格標題中添加組合框嗎？

我們在這裏有一個特殊要求，如果有人有想法，請讓我知道。

感謝 迪帕克

Answer 1

您可以使用ExtJS的tbar來實現組件網格標題：

tbar: [ 
    { xtype: 'button', text: 'Button 1' } 
] 

或：

dockedItems: [{ 
    xtype: 'toolbar', 
    dock: 'top', 
    items: [ 
     { xtype: 'button', text: 'Button 1' } 
    ] 
}] 

實施combobox，最好的方法是定義自定義組合框組件併爲其提供alias，那麼在您的網格tbar中只需說xtype: 'mygridcombo'

這裏是一個example。

Answer 2

如果你可以在網格面板的工具欄中找到它，那麼Davor的建議就是要走的路。如果你真的需要它在網格的頭部（例如，像在列上進行過濾一樣），你可以看看Ext JS文檔中的網格過濾示例：http://docs.sencha.com/extjs/4.2.1/#!/example/grid-filtering/grid-filter-local.html

Answer 3

如果你希望它在網格列標題中（例如實現自定義過濾器），看看http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#big-data-grid

基本上，你在列配置配置項和您去：

Ext.define('KitchenSink.view.grid.BigData', { 
    extend: 'Ext.grid.Panel', 
    columns: [ 
     { 
      xtype: 'gridcolumn', 
      dataIndex: 'status', 
      text: 'Item status' 
      items: [ 
       {xtype: 'combobox'} 
      ] 

     } 
    ] 
}); 

Answer 4

這對我的作品以及

{ 
    text  : 'Save Energy Mode', 
    dataIndex: 'fs', 
    items: [{ 
     xtype: 'combobox', 
     padding: 2, 
     flex: 1 
    }] 
    } 

或簡單地（如果您不需要標題文本）

 columns: { items: [{ xtype: 'combobox'}] }