如何在Kendo UI中點擊自定義工具欄時調用函數？

Question

我想創建一個自定義工具欄。這裏是我的代碼：

toolbar:[{ 
    text: "Go to Add User Page", 
    className: "k-grid-custom", 
    imageClass: "k-add" 
}], 

function createUser(){ 
    alert('Hello World'); 
} 

我想在點擊這個按鈕（自定義工具欄）時調用名爲createUser的函數。如何讓它成爲可能？

Answer 1

function test(e){ 
     return '<a class="k-button" href="#" id="toolbar-add_user" onclick="test_fn()">Add User</a>'; 
}; 
function test_fn(){ 
     window.location = "http://www.google.com"; 
}; 
toolbar:[{ 
     name:'add_user', 
     template:'#= test()#' 
}], 

1. 首先，我不得不做出一個功能可以自定義按鈕，添加一個onclick事件。
2. 然後我不得不做一個新的功能來聽這個事件。

Answer 2

您可以向按鈕添加一個唯一的類，然後使用該類綁定到單擊事件。

toolbar:[{ 
    text: "Go to Add User Page", 
    className: "myCustomClass", 
    imageClass: "k-add" 
}], 

$(".myCustomClass").click(function() { 
    alert("Click!"); 
});