javascript - Kendo Grid - 不允许编辑某些记录

Question

我的 Kendo 网格中有以下命令按钮列..

如何禁用“ItemValue”为空的行中的“编辑”按钮。

$("#list485").kendoGrid({
     dataSource: dataSource,
     columns: [
                        { command: [{ name: "edit" }], title: " ", width: "100px"},
                        {   field: "ItemValue", title: "Item Description" }
    ],
    editable: "popup" 
});

Answer 1

您可以通过 dataBound 函数隐藏编辑按钮，如下所示

dataBound: function (e) {
                     var grid = $("#list485").data("kendoGrid");
                     var gridData = grid.dataSource.view();
                     for (var i = 0; i < gridData.length; i++) {
                         var currentUid = gridData[i].uid;
                         if (gridData[i].ItemValue == "") {
                             var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                             var editButton = $(currenRow).find(".k-grid-edit");
                             editButton.hide();
                         }
                     }
                 } 

希望这对你有帮助