我想创建一个自定义工具栏.这是我的代码:
toolbar:[{
text: "Go to Add User Page",
className: "k-grid-custom",
imageClass: "k-add"
}],
function createUser(){
alert('Hello World');
}
Run Code Online (Sandbox Code Playgroud)
我想在单击此按钮(自定义工具栏)时调用名为createUser的函数.如何使它成为可能?
我需要为我添加一个自定义toolbar command,kendo-grid所以我搜索了kendo-ui有关grid#configuration-toolbar我发现的位置的文档:
如果指定了一个Array值(对于工具栏属性),它将被视为网格工具栏中显示的命令列表.命令可以是自定义的或内置的("取消","创建","保存","excel","pdf").
我为我的工具栏创建了一个自定义命令(在此问题中也建议将自定义按钮添加到KendoGrid工具栏问题)
toolbar: [
{
name: "copyRows",
text: "Copy Rows",
click: function (e) {
alert('test');
}
},
],
Run Code Online (Sandbox Code Playgroud)
具有click事件处理程序的附加属性,如命令columns.command.click的文档中所述.
用户单击命令按钮时执行的JavaScript函数.该函数接收jQuery事件作为参数.
...但是它不会触发click事件并且警报不会显示.
你知道我在这里缺少什么吗?
我测试的完整代码如下所示:
$("#grid").kendoGrid({
columns: [{
field: "name"
}, ],
editable: true,
toolbar: [{
name: "create",
text: "New Row"
}, {
name: "copyRows",
text: "Copy Rows",
click: function (e) {
alert('test');
}
}, ],
dataSource: {
data: [{
name: "Jane Doe"
}],
}
}); …Run Code Online (Sandbox Code Playgroud)