如何在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. 然后我必须创建一个新函数来监听事件。