一切都在主题中。我有一个分组网格,例如这个 Sencha 示例。我想删除 [+][-] 符号以禁用折叠。
我以为分组功能会有一些配置,比如“可折叠:假”,但没有。
请问有什么想法吗?
使用配置禁用折叠配置属性。从煎茶:
可折叠:布尔值
设置为 false 以禁用 UI 中的折叠组。
当关联的存储被缓冲时,这设置为 false。
默认为:真
来源:Senchacollapsible
配置文档。
非常好的塞尔格,谢谢。
覆盖更容易的是:
...
features: [
Ext.create('Ext.grid.feature.Grouping',{
onGroupClick: function() {} /* do nothing! */
})
]
...
您可以继承 Ext.grid.feature.Grouping 并重新定义 onGroupClick 方法。这不好,但目前最简单的方法:
Ext.define( 'My.grid.feature.RightsGrouping', {
extend: 'Ext.grid.feature.Grouping',
onGroupClick: function(view, group, idx, foo, e) {
}
});
此外,您还必须编辑 CSS 以删除折叠符号并更改光标指针:
.x-grid-group-hd .x-grid-cell-inner { cursor: default; }
.x-grid-group-title { background-image: none; }
这在 4.2.1 中不起作用。
想出一个解决方案对我来说似乎很有趣
...
groupcollapse:
{
fn: me.onGroupingGroupcollapse,
scope: me
}
...
...
onGroupingGroupcollapse: function(view, node, group, eOpts)
{
Ext.getCmp('gridCenters').view.features[0].expand(node.name,true);
}
...