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

【问题标题】：ExtJS 4.2 How to set grid filter height when header text is wrapped?ExtJS 4.2 如何在标题文本被换行时设置网格过滤器高度？
【发布时间】：2014-02-26 17:52:08
【问题描述】：

我有一个有很多列的网格，每个列都有一个过滤器，有些列的标题中有很长的文本：

我添加了一个 css 规则来在标题中换行：

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

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

如何制作相同高度的滤镜？

【问题讨论】：

您是如何获得这些筛选字段的。我正在找这个，但还没有找到。
@LorenzMeyer triggerfield 添加到自定义列的项目中。
谢谢，我会看看，希望它能够正常工作。
如果我的回答对您没有帮助，请考虑添加一些代码以获得帮助。

标签： css extjs filter grid extjs4

【解决方案1】：

我根据您的提示实现了搜索过滤器。你可以find it here。对于长列标签，我没有遇到您的问题。他们只是使用省略号来切断，就像 ExtJs 中的标准行为一样。

【讨论】：

【解决方案2】：

我已经解决了我的问题，方法是在字段容器中包含搜索过滤器，并在最后使用 vbox 布局和 pack。

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

【讨论】：