我想更改 Ext.grid.Panel 标题高度。
网格面板标题的高度被强制设置为 28px。
- 没有 sass 设置
- 面板上的页眉配置对我不起作用
- 在配置 < 28px 时修改网格列的高度似乎有效。 28px 似乎是最小值。
这是我目前所拥有的(并且有效),但我不喜欢这个解决方案。
Ext.define('Ext.grid.Panel', {
listeners: {
beforerender: function (cmp, eOpts) {
cmp.headerCt.setHeight(25);
}
}
});
此外,列标题似乎也固定为 28px。将标题的高度设置为 25 不会将列标题设置为 25。您还需要在 scss/css 中覆盖它。否则您的列标题菜单将显示超过 28 像素的高度。
.x-column-header
{
height: 25px;
}
此解决方案不起作用:如果您拖动列标题,更改列的索引位置,它将中断 -.-
建议?
最佳答案
要设置列标题的高度,必须在编译后设置高度。同样,列配置的高度值不能设置高度 < 28,但可以设置 > 28。
我发现编译后修改高度可以正确设置高度并允许列可拖动(一切正常)。
Ext.define('Ext.grid.Panel', {
listeners: {
beforerender: function (cmp, eOpts) {
cmp.columns[0].setHeight(25);
}
}
});
我的解决方案无法使用它,因为我创建了一个动态网格。在网格的动态部分,我使用 GRID.reconfigure(); - 通过销毁在渲染前状态创建的任何东西。
Ext.define('Ext.grid.Panel', {
listeners: {
reconfigure: function (cmp, eOpts) {
cmp.columns[0].setHeight(25);
}
}
});
重新配置功能在重新配置后触发,所以这就是我绕过动态网格重新配置的方法。
关于extjs4 - ExtJS 4.1 如何更改网格面板标题高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11676084/