如何綁定Kendo網格自定義命令點擊事件？

我們如何在使用Kendo UI Grid時使用自定義刪除確認消息框？如何綁定Kendo網格自定義命令點擊事件？

我正在研究ASP.NET MVC4應用程序。以下是我的劍道網格代碼。

我想使用自定義確認消息框代替默認銷燬命令確認框。並且爲此，我使用自定義命令代替銷燬命令。

但我的問題是我想在.Datasource部分中啓動一個serer副作用方法（就像在下面的Destroy命令代碼中一樣），但我不知道如何用Custom命令來引發該操作。

任何人都可以幫助我嗎？

<script id="XYZTemplate" type="text/kendo-tmpl">   
@(Html.Kendo().Grid<Gts.Core.Dto.XYZDto>()       
     .Name("XYZItem") 
     .Columns(columns => 
     {     
      columns.Bound(e => e.ID).Width(97).ClientTemplate("<span style=\"float:left\">\\#=Number\\#</span>").HtmlAttributes(new { style = "text-align:left;" }); 
      columns.Bound(e => e.Qty).Width(30); 
      //columns.Command(command => { command.Destroy(); });  
      columns.Command(command => command.Custom("Delete").Click("deleteRow"));    
     }) 
       .DataSource(dataSource => dataSource 
        .Ajax() 
        .Model(model => model.Id(p => p.ID)) 
        .Read(read => read.Action("Items_Read", "Product", new { ID = "#=ID#", productId = "#=FKProductID#" }))                 
        //.Destroy(update => update.Action("Items_Destroy", "Product"))      
       ) 


     // .Events(events =>  
    events.DataBound("dataBoundChild").Edit("dataBoundEdit").Remove("deleteProductItemChild").Save("datasourceChange")) 

     .Events(events => events.DataBound("dataBoundChild").Edit("dataBoundEdit").Save("datasourceChange")) 

     .Editable(editable => editable     
      .Mode(GridEditMode.InCell) 
      .DisplayDeleteConfirmation(false)) 

     .ToClientTemplate() 
) 
</script>

來源

2014-02-10 Pawan

在您的deleteRow函數中，從網格中刪除該行後，使用以下代碼來同步網格。同步功能將相應地觸發服務器端操作取決於您對網格所做的更改。

$("#XYZItem").data("kendoGrid").dataSource.sync();

來源

2014-02-18 07:01:28

如何綁定Kendo網格自定義命令點擊事件？

回答

相關問題