如何在Kendo UI中点击自定义工具栏时调用函数？

我想创建一个自定义工具栏。这里是我的代码：如何在Kendo UI中点击自定义工具栏时调用函数？

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

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

我想在点击这个按钮（自定义工具栏）时调用名为createUser的函数。如何让它成为可能？

来源

2012-08-13 Johndave Decano

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()#' 
}],

首先，我不得不做出一个功能可以自定义按钮，添加一个onclick事件。
然后我不得不做一个新的功能来听这个事件。

来源

2012-08-14 14:46:26

为什么使用函数返回模板？ – Jesper 2012-08-15 06:18:53

那么这是一个工作... – 2012-08-15 21:23:14

所以这是行不通的？工具栏：[{ 名：“ADD_USER”，模板：“Add User” }] – Jesper 2012-08-16 05:51:29

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

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

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

来源

2012-08-14 07:50:05 Jesper

如何在Kendo UI中点击自定义工具栏时调用函数？

回答

相关问题