events - Click イベントを Kendo-UI ボタン​​にバインドする

Question

Kendo-UIを使用してボタンを作成していますdelete all。

私はこれを書いたtoolbar：

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

正常に動作しており、剣道グリッドにボタンが追加されています。しかし今、このボタンにクリックイベントを追加したいと思います。

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: " ", width: 90}],
                editable: false
            });

私の編集ボタンイベント

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

                alert('hi');

            });

剣道で作成するbuttonとkendo-grid-toolbar動的に生成されますbutton class。グリッドに編集ボタンがあるので、そのクラスは k-grid-Edit.