如何在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

您可以为该按钮添加一个唯一的类，然后使用该类绑定到click事件。

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

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

Answer 2

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. 然后我必须制作一个新功能来听取这个事件。