jquery - Kendo UI 网格取消事件

Question

我正在使用 Kendo UI 网格编辑和删除命令来管理数据。

我遇到的问题是我有一个自定义样式需要应用于删除按钮。我可以在 DataBound 事件上添加类，但是当用户尝试编辑数据时，按钮上的样式消失并返回到默认的 Kendo UI 样式。

<小时/>

使用Jquery添加样式

function onRowBound(e) {
    $(".k-grid-delete").removeClass("k-button k-button-icontext").addClass("btn btn-danger");
}

剑道 MVC 事件

columns.Command(command => command.Edit()).Title("Edit");
columns.Command(command => command.Destroy()).Title("Remove")
.........    
.Events(e =>
       {
          e.DataBound("onRowBound");
          e.Cancel("onRowBound");
          e.Edit("onRowBound");
       })) 

<小时/>

我尝试在“取消”事件上触发相同的方法，但样式仍然恢复为默认样式。有没有办法设置样式，最好不使用“ClientTemplate”功能？

Answer 1

由于kendoUI没有提供任何机制来防止更改其样式，因此我想到的唯一方法是在kendo之后使用SetTimeout函数来更改按钮样式。像这样改变你的 onRowBoundFunction :

function onRowBound(){
    setTimeout(function(){
            $(".k-grid-delete").removeClass("k-button k-button-icontext").addClass("btn btn-danger");
    },1);
}

工作中的 JSFiddle: http://jsfiddle.net/a6Ek2/10/