Как отключить кнопку внутри ячейки сетки кендо на основе какого-то условия?

Question

У меня есть 1 столбец в моей сетке с именем статус и мой последний столбец сетки содержит Столбец Действие.

В этом действий колонке у меня есть две кнопки, Редактировать и Удалить.

Теперь, когда мое значения состояния в очереди я хочу, чтобы моя кнопки удаления отключить с подсказкой: Бруса удалить запись со статусом за исключением ожидания.

Это мой код:

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


}] 

Образец данных: