javascript - 禁用具有给定类的网格单元的简洁方法

Question

如果网格中的某些单元格具有特定的类，是否有办法禁止编辑它们。

例如，我的一个专栏是:

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

您可以看到制造商是否为空，然后将类为“disabled-call”的跨度放入单元格内。

如何才能使任何通常可编辑的单元格在包含“disabled-cell”类的空格时不可编辑？

我还希望它适用于具有自定义编辑器的单元格，例如剑道下拉列表(我不希望当用户单击禁用的单元格时显示列表小部件或其任何部分)。

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

Answer 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
            }
        }