Kendo UI Grid在“取消”事件上

sevargdcg 发表于 Dev

Sevargdcg

我正在使用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");
}

Kendo 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”功能？

雅罗斯瓦夫·孔恰克

由于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/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。