Question

我正在使用Kendo-UI制作按钮delete all。

我已经为toolbar写了这个：

toolbar:["create", { name: "delete-all", text: "Delete All" }]

它工作正常并在Kendo网格中添加了一个按钮。但现在我想将click事件添加到此按钮。

我想在点击此按钮时显示提醒（如hi）。

怎么做？

感谢。

Answer 1

我的网格

  $("#grid").kendoGrid({
                dataSource: dataSource,
                navigatable: true,
                pageable: true,
                height: 430,
                toolbar: ["Edit"],
                columns: [
                            "ProductName",
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 110 },
                            { field: "UnitsInStock", title: "Units In Stock", width: 110 },
                            { field: "Discontinued", width: 110 },
                            { command: "destroy", title: "&nbsp;", width: 90}],
                editable: false
            });

我的编辑按钮事件

  $('.k-grid-Edit').on("click", function () {

                alert('hi');

            });

在button kendo中创建kendo-grid-toolbar时动态生成button class。我的网格中有编辑按钮，因此其类为k-grid-Edit。

Answer 2

初始化网格后，添加以下代码：

$('.k-grid-delete-all').on("click", function () {
    alert('hi');
});

基本上，您需要使用作为选择器的CSS类来定义处理程序，该类是.k-grid-中name与button的{{1}}连接的结果。

将Click事件绑定到Kendo-UI Button

2 个答案: