將點擊事件綁定到Kendo-UI按鈕

Question

我正在使用Kendo-UI來製作按鈕delete all。

我寫了這對toolbar：

toolbar:["create", { name: "delete-all", text: "Delete All" }] 

它的正常工作，並增加了在劍道網格的按鈕。但現在我想添加點擊事件到這個按鈕。

我想在點擊此按鈕時顯示警報（如hi）。

怎麼辦？

謝謝。

Answer 1

我網

$("#grid").kendoGrid({ 
       dataSource: dataSource, 
       navigatable: true, 
       pageable: true, 
       height: 430, 
       toolbar: ["Edit"], 
       columns: [ 
          "ProductName", 
          { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 110 }, 
          { field: "UnitsInStock", title: "Units In Stock", width: 110 }, 
          { field: "Discontinued", width: 110 }, 
          { command: "destroy", title: " ", width: 90}], 
       editable: false 
      }); 

我的編輯按鈕事件

$('.k-grid-Edit').on("click", function() { 

       alert('hi'); 

      }); 

當您創建button在kendo-grid-toolbar劍道dynamicaly genarate button class。 我在我的網格中編輯按鈕，所以它的類是k-grid-Edit。

Answer 2

初始化網格中添加以下代碼後：

$('.k-grid-delete-all').on("click", function() { 
    alert('hi'); 
}); 

基本上，你需要使用如選擇一個CSS類，它是串聯.k-grid-的結果和你的button在toolbar的name定義處理程序。