ExtJS 6--将文本字段控件添加到动态网格列标题中

Question

我正在尝试将文本字段（或组合框）添加到动态网格的列标题中。

有一些建议使用“items”属性来解决这个问题，如下例所示（live example 中的第 81 行）：

   ...
        text: 'Email',
        flex: 1,
        menuDisabled: true,
        sortable: false,
        dataIndex: 'email',
        items: [{
            xtype: 'textfield',
            labelWidth: 40,
            flex: 1,
            fieldLabel: 'Email'
        }]
   ...

它基本上可以工作，但是有几个我自己无法解决的布局问题：

1. 文本字段控件出现在列标题下方（需要水平项目对齐）；
2. 列头高度过大（必须正常）；

这是我想要得到的picture。

此外，还有一个现场 example 正在处理提到的问题。

有什么办法可以解决这个问题吗？

Answer 1

你就在那里，这是我所做的代码更改。

function getColumnConfigs() {
return [{
    text: 'Name',
    dataIndex: 'name',
    flex: 1
}, {
    text: '',
    flex: 1,
    menuDisabled: true,
    sortable: false,
    dataIndex: 'email',
    items: [{
        xtype: 'combobox',
        store: ages,
        valueField: 'age',
        displayField: 'age',
        labelWidth: 40,
        padding: '0 0 0 10',
        flex: 1,
        fieldLabel: 'Age'
    }]
}]

代码删除了您的文本属性，因此它不显示列标题。向组合框中添加了填充以向右移动标签。我添加了组合框而不是文本字段。

还有一个fiddle。