ExtJS 设置 menuDisabled 在网格中动态禁用

Question

尝试删除包含动态排序的列标题菜单。 在每一列的 afterrender 事件上设置menuDisabled = false。

Ext.each(view.getColumns(), function (item) {
     item.menuDisabled = true;
     // item.sortable = false; //this works perfectly
});

如果我尝试将 sortable 设置为 false 而不是 menuDisabled，则效果很好。

Answer 1

是的，menuDisabled 是在列渲染时考虑的配置，之后更改它毫无价值。但是切换列菜单有一个棘手的方法，只有在将 menuDisabled 设置为 false 的情况下呈现列时才会起作用。

因此，如果深入研究列类源代码，我们会看到在 renderTpl 配置中有以下代码：

'<tpl if="!menuDisabled">',
    '<div id="{id}-triggerEl" data-ref="triggerEl" role="presentation" unselectable="on" class="',
    Ext.baseCSSPrefix, 'column-header-trigger', '{childElCls}" style="{triggerStyle}"></div>',
'</tpl>',

它会渲染一个 div 来切换菜单。因此，通过切换此 div 的可见性，您将切换 menuDisabled “状态”。

column.triggerEl.show();
column.triggerEl.hide();

在您的情况下，您可以禁用显示所有列的菜单，如下所示：

Ext.each(view.getColumns(), function(item) {
    item.triggerEl.hide();
});

这是一个有效的小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1r2h。

Answer 2

这是因为在 afterrender 时菜单已经创建，并且设置属性不会禁用它出现，您应该在初始化时尝试它，或者像您已经禁用列的排序一样。