Kendo Jquery Grid-需要隐藏“删除”按钮基于行明智的隐藏值

时间:2019-06-11 12:07:29

标签: jquery jquery-ui kendo-ui kendo-grid

我们有一个kendo jquery网格,我们需要根据隐藏的列值逐行隐藏Delete按钮。它工作正常,但是在单击“编辑”并单击“取消”之后,再次出现“删除”按钮。在网格数据绑定中,我正在这样做:

 dataBound: function (e) {
                //Selects all delete buttons
                $("#grid tbody tr .k-grid-Delete").each(function () {
                    var currentDataItem = $("#grid").data("kendoGrid").dataItem($(this).closest("tr"));
                    //Check in the current dataItem if the row is deletable
                    if (currentDataItem && currentDataItem.source == '2') {
                        $(this).remove();
                    }
                })
            },

请提出建议。

1 个答案:

答案 0 :(得分:1)

dataBound列中使用visible属性,而不是使用command事件。这样,即使您更新/取消该值,它也不会显示删除按钮。

示例:

{ command: [{name: "edit"},{ name: "destroy", visible: function(dataItem) { return dataItem.ProductName!="Chai" } }] }],

以下是可执行示例:

Using visible for destroy command

API参考: API Reference