取消事件上的Kendo UI Grid

Question

我正在使用Kendo UI Grid Edit和Delete命令来管理数据.

我遇到的问题是我有一个需要应用于删除按钮的自定义样式.我可以在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");
       })) 

---

我尝试在Cancel事件上触发相同的方法,但样式仍然恢复为默认值.有没有办法设置样式,最好不使用"ClientTemplate"功能？

Answer 1

由于kendoUI没有提供任何防止改变其风格的机制,因此我想到的唯一方法是使用SetTimeout函数在kendo之后更改按钮样式.像这样改变你的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/