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

Question

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

[有关使用“ items”属性来解决此问题的建议，如下面的示例（实时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'
    }]
}]

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

和fiddle。