我正在使用Kendo-UI制作一个按钮delete all
。
我写这个是为了toolbar
:
toolbar:["create", { name: "delete-all", text: "Delete All" }]
它工作正常,并在剑道网格中添加了一个按钮。但现在我想给这个按钮添加点击事件。
hi
单击此按钮时,我想显示警报(如)。
怎么做到呢?
谢谢。
我的网格
$("#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: " ", width: 90}],
editable: false
});
我的编辑按钮事件
$('.k-grid-Edit').on("click", function () {
alert('hi');
});
当您button
在kendo-grid-toolbar
剑道中创建动态生成时button class
。我的网格中有编辑按钮,所以它的类是 k-grid-Edit
.
初始化网格后添加以下代码:
$('.k-grid-delete-all').on("click", function () {
alert('hi');
});
基本上,您需要使用作为选择器的 CSS 类定义一个处理程序,该类是连接的结果.k-grid-
和name
您button
在toolbar
.