Question

我没有使用包装器，但我想知道是否可以在已创建的新内联行的取消和更新命令按钮上添加其他jscript代码？

如果可能的话，我会在自定义创建按钮上添加.hide以在单击后隐藏自己，并且在单击内联更新/取消命令按钮后再想要显示它。

Answer 1

您可以借助edit事件轻松地将额外的处理程序附加到这些按钮：

$(function(){
     $('#GridName').data().kendoGrid.bind('edit',function(e){
          if(e.model.isNew()){
               e.container.find('.k-grid-update').click(function(){
                    //extra update logic goes here    
               })
               e.container.find('.k-grid-cancel').click(function(){
                    //extra cancel logic goes here    
               })
          }
     })
})

Answer 2

根据我的理解，您可以为要添加的任何按钮编写自己的自定义单元格模板，并将其粘贴到行模板中。

var template = "<div class='btn-group' style='text-align: center'>" +
               "<a class='btn btn-mini' rel='tooltip' title='Edit' href=''><i class='icon-edit'></i></a>" +
               "<a class='btn btn-mini' rel='tooltip' title='Create' href=''><i class='icon-tasks'></i></a>" +
               "<a class='btn btn-mini' rel='tooltip' title='Delete' href=''><i class='icon-trash'></i></a>"+
               "</div>";
columns.push({title: '', width: 100,template: template, filterable: false, sortable:false, groupable:false});

以上内容将呈现所有行。您希望在呈现按钮后添加到按钮的整体行为中的任何其他javascript都可以添加到dataBound属性。

这有助于回答您的问题吗？

Kendo网格将代码附加到Create的内联取消/更新命令按钮

2 个答案: