禁用具有给定类的网格单元的干净方法

Posted 2023-05-07

【中文标题】禁用具有给定类的网格单元的干净方法

【英文标题】：Clean way to disable a grid cell that has a given class

【发布时间】：2014-08-04 11:10:47

【问题描述】：

如果网格中有特定的类，有没有办法禁止编辑网格中的某些单元格。

例如，我的专栏有一次是：

        field: 'manufacturerId',
        headerTemplate: '<b>Manufacturer</b>',
        width: '150px',
        editor: manufacturerEditor,
        template: '#=(manufacturer ? (manufacturer == 0 ? "-" : manufacturer) : "<span class=\\\"disabled-cell\\\">-</span>")#'
    ,

您可以查看制造商是否为空，然后将具有“禁用调用”类的跨度放入单元格内。

当单元格包含具有“禁用单元格”类的空间时，我怎样才能使其正常可编辑、不可编辑？

我还希望这适用于具有自定义编辑器的单元格，例如 kendo 下拉列表（我不希望列表小部件或其任何部分在用户单击禁用的单元格时出现）。

当填写同一行中的另一个单元格时，包含此禁用类的单元格将启用，如果有人也可以给我一些关于如何执行此操作的想法，我将不胜感激？

【问题讨论】：

这可能对你有帮助：***.com/a/20881973/2001735

【参考方案1】：

看看网格的编辑事件

http://docs.telerik.com/kendo-ui/documentation/api/web/grid#events-edit

        edit: function (e) 
            var editable = e.container.find("input").hasClass("disabled-cell");


            if (!editable) 
                this.closeCell(); // prevent editing
            
        

【讨论】：

为此，我必须将禁用类应用于我的输入吗？有没有办法轻松设置网格中每个单元格的类？