ExtJS 4.2标题文本换行时如何设置网格过滤器高度？

Question

我有一个包含许多列的网格，每个列都有一个过滤器，并且某些列的标题中有一个长文本：

我添加了一个CSS规则来将文本包装在标题中：

.x-column-header-inner .x-column-header-text { white-space: pre-wrap; }

结果我得到了不同高度的过滤器：

如何制作相同高度的过滤器？

Answer 1

我根据您的提示实施了搜索过滤器。 你可以在这里找到它 。 我没有长列标签的问题。 他们只是使用省略号切断，就像ExtJs中的标准行为一样。

Answer 2

我已通过将搜索过滤器包含到fieldcontainer中并在末尾使用pack vbox布局解决了我的问题。

items: [
    {
        xtype: 'fieldcontainer',
        layout: {
                    type: 'vbox', pack: 'end'
                },
        width: '100%',
        items: [
            {
                xtype: 'triggerfield',
                ...other code...
            }
        ]
    }
]