Question

我希望在某些条件下隐藏某些行中的删除按钮。我检查了以下链接但它仍然不能正常工作。

http://www.telerik.com/forums/hide-edit-and-delete-button-based-on-the-status-of-each-record

他们的代码是这样的：

function onEdit() {
  $(".k-grid-cancel").on("click", function () {
    setTimeout(function () {
        console.log("trigger");
        $("#Grid").data("kendoGrid").trigger("dataBound");
    });
  })
}

问题是当您更改弹出编辑窗口中的任何项目时，删除按钮将显示在原始灰色区域中。虽然单击取消按钮，但它将消失。但是，如果单击右上角[x]以关闭弹出编辑窗口，则删除按钮将保留在那里。

任何机构都知道kendo网格条件按钮有任何新的更新？

谢谢

Answer 1

首先在网格中添加一个事件

.Events(ev => 
 {
       ev.Cancel("onEditCancel");
 })

然后在js

function onEditCancel(e) {
    e.sender.cancelChanges();
    e.preventDefault();
}

它会起作用。

Answer 2

您可以使用KendoGrid的 onDataBinding 事件来实现此要求。

$('#post').submit(function(event){
    var body = $('#postbody').val();
    var profileId = $('#user_id').text();
    var postRoute = '/post/'+profileId;

    var dataString = "body="+body+"&profile_Id="+profileId;

    $.ajax({
        type: "POST",
        url: postRoute,
        data: dataString,
        success: function(data){
            console.log(data);
        }
    });

   //this will prevent your default form submit 
   event.preventDefault();
});

检查此链接http://jsfiddle.net/HuTpj/68/并在加载网格时查看控制台的事件触发器。

Kendo网格隐藏删除按钮

2 个答案: