extjs - ExtJs-复选框选择模型，禁用每行复选框

Question

我有一个带有复选框选择模型的网格。

Ext.define('Mb.view.ship.OrdersGrid', {
    extend: 'Ext.grid.Panel',
    selType: 'checkboxmodel',
    selModel: {
        injectCheckbox: 0,
        pruneRemoved: false
    },
    ...

根据字段中的值，有些行的存储不可选择。

在普通列中，我可以使用 renderer干预显示，并使用css( metadata.tdCls)隐藏单元格内容，但是对于自动生成的复选框列，我找不到一种基于行禁用或隐藏复选框的方法。

有谁知道如何做到这一点？

Answer 1

您只需使用网格的beforeselect事件。返回false，将不允许选择。检查the documentation。

Ext.define('Mb.view.ship.OrdersGrid', {
    extend: 'Ext.grid.Panel',
    selType: 'checkboxmodel',
    selModel: {
        injectCheckbox: 0,
        pruneRemoved: false
    },

    listeners: {

        beforeselect: function(grid, record, index, eOpts) {
            if (record.get('yourProperty')) {//replace this with your logic.
                return false;
            }
        }

}
..........

如果您确实想隐藏该复选框，则可以为网格行添加CSS类，并使用它们可以隐藏它们。检查 this answer以获取解决方案。