在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'}] }