Question

我们可以在extjs的网格标题中添加组合框吗？

我们在这里有特殊要求，如果有人有想法，请告诉我。

由于迪帕克

Answer 1

如果您想在网格列标题中使用它（例如实现自定义过滤器），请查看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 2

您可以使用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 3

这对我很有用

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

或简单地（如果您不需要标题文字）

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

Answer 4

如果你可以在网格面板的工具栏中找到它，那么Davor的建议就是你要走的路。如果您确实需要在网格的标题中（例如，对列进行过滤），您可以查看Ext JS文档中的网格过滤示例：http://docs.sencha.com/extjs/4.2.1/#!/example/grid-filtering/grid-filter-local.html

在ExtJS的网格标题中添加组合框编辑器

4 个答案: