如何根据某些条件禁用 kendo 网格单元格内的按钮？

Question

我的网格中有 1 列名称为 status，网格的最后一列包含 Action.

在此操作列中，我有两个按钮，即编辑和删除。

现在，当我的状态值待定时，我想让我的删除按钮用工具提示禁用:无法删除状态为 pending.

的记录

这是我的代码：

                    {
                        field: "Status",
                        title: "Status",
                        width: 200,
                        template: '#if(Status) {#Approved#} else{#Pending#}#'
                    },
                    {
                       field: "Id",
                       title: "Action",
                       width: 60,
                       template: "<a title='Edit' href=''></a><a onclick='javascript:return Delete(\"#:Id#\",\"grid2\");' title='delete'><img src='@Url.Content("~/img/delete.png")' /></a> //Disable this delete when status is except pending.
                       sortable: false
                   }

如何做到这一点？？

Answer 1

请尝试使用以下代码片段。我们无法禁用锚标记，因此我从锚标记中删除了 onclick 事件，其状态为待处理。

columns: [{
    field: "Status",
    title: "Status"
},
{
    field: "StudentID",
    title: "Action",
    template: "<a title='Edit' href=''>Edit</a> " +
                "#if(Status=='Approved'){#   <a onclick='javascript:return Delete(\"#:StudentID#\",\"grid2\");' title='delete'>Delete</a> #}#" +
                "#if(Status=='Pending'){#   <a title='Cant delete record with status except pending'>Delete</a> #}#"


}]

示例数据：

如何根据某些条件禁用 kendo 网格单元格内的按钮？

How to disable button inside kendo grid cell based on some condition?

javascript

kendo-ui

telerik

kendo-grid

telerik-grid