相关疑难解决方法(0)

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

我想创建一个自定义工具栏.这是我的代码:

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的函数.如何使它成为可能?

javascript kendo-ui

4
推荐指数
2
解决办法
2万
查看次数

还有什么我需要使kendo网格的自定义工具栏命令工作?

我需要为我添加一个自定义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)

jquery kendo-ui kendo-grid

4
推荐指数
1
解决办法
8545
查看次数

标签 统计

kendo-ui ×2

javascript ×1

jquery ×1

kendo-grid ×1