4

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

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

谢谢迪帕克

4

4 回答 4

4

如果您希望它在网格列标题中(例如实现自定义过滤器),请查看http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-海王星/#big-data-grid

基本上,您在列配置中配置项目,然后离开:

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

        }
    ]
});
于 2013-08-08T18:27:10.147 回答
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'

这是一个例子

于 2013-06-28T12:30:15.753 回答
1

这对我很有效

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

或者简单地说(如果您不需要标题文本)

     columns: { items: [{ xtype: 'combobox'}] }
于 2014-07-01T08:47:38.493 回答
0

如果您可以将它放在网格面板的工具栏中,那么 Davor 的建议就是要走的路。如果您确实需要在网格的标题中使用它(例如,用于过滤列),您可以查看 Ext JS 文档中的网格过滤示例:http: //docs.sencha.com/extjs/4.2.1/# !/example/grid-filtering/grid-filter-local.html

于 2013-06-28T12:49:28.823 回答