如何根據條件禁用劍道網格單元中的按鈕？

Question

我的網格中有1列具有名稱狀態 ，而網格的最后一列包含的列是Action 。

在“操作”列中，我有兩個按鈕，分別是編輯和刪除 。

現在，當我的狀態值待定時，我想使用工具提示禁用我的刪除按鈕 ： 無法刪除狀態為待定的刪除記錄 。

這是我的代碼：

                    {
                        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> #}#"


}]

樣本數據：