javascript - 在 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

您可以向按钮添加一个唯一类，然后使用该类绑定到单击事件。

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. 然后我不得不制作一个新功能来收听该事件。