Javascript 为什么这个剑道网格中的“编辑”按钮不起作用

我有下面的代码。当点击这个网格上的“编辑”按钮时，我试图触发一些东西。但到目前为止，一切都没有发生。我做错了什么或错过了什么

 that.summaryGrid = function (grid) {
        return new $(grid).kendoGrid({
            columns: [
                { field: "ReviewId", hidden: true },
                { field: "PersonId", hidden: true },
                {
                    template: function (e) {
                        if (e.EmployeeMiddleName == null) {
                            e.EmployeeMiddleName = "";
                        }
                        return e.EmployeeLastName + ", " + e.EmployeeFirstName + " " + e.EmployeeMiddleName
                    },
                    title: "Name",
                    width: 160,
                    sortable: true
                },
                { field: "ReviewStatusText", title: "Status", width: 150, sortable: true },
                {
                    template: function (e) {
                        if (e.ManagerMiddleName == null) {
                            e.ManagerMiddleName = "";
                        }
                        return e.ManagerLastName + ", " + e.ManagerFirstName + " " + e.ManagerMiddleName
                    },
                    title: "Manager",
                    width: 160,
                    sortable: true
                },
                { field: "ModifiedDate", title: "Last Modified Date", width: 150, sortable: true },
                {
                    template: '<button type="button" class="k-button k-grid-edit"><i class="fa fa-pencil"></i> Edit</button><button type="button" class="k-button k-grid-view"><i class="fa fa-search"></i> View</button>',
                    title: "",
                    width: 135,
                    sortable: true,
                    name: "edit",
                    click: function (e) {
                        e.preventDefault();
                        alert("works");

                        //var dataItem = this.dataItem($(e.currentTarget).closest("tr"));


                    }
                },
            ],

            dataSource: that.viewModel.preformanceSummaryDataSource(grid === "#employeeGrid" ? false : true),
            scrollable: false,
            sortable: true,
            pageable: true,
            selectable: "row",
            change: function (e) {

                    //TODO

            },
            dataBound: function (e) {

                //TODO
            }
        });
    };

that.summaryGrid=函数（网格）{
返回新的$（网格）.kendoGrid({
栏目：[
{字段：“ReviewId”，隐藏：true}，
{字段：“PersonId”，隐藏：true}，
{
模板：函数（e）{
如果（例如，EmployeeMiddleName==null）{
e、 EmployeeMiddleName=“”；
}
返回e.EmployeeLastName+“，+e.EmployeeFirstName+”“+e.EmployeeMiddleName
},
标题：“姓名”，
宽度：160，
可排序：正确
},
{字段：“ReviewStatusText”，标题：“Status”，宽度：150，可排序：true}，
{
模板：函数（e）{
if（e.ManagerMiddleName==null）{
e、 ManagerMiddleName=“”；
}
返回e.ManagerLastName+”，“+e.ManagerFirstName+”“+e.ManagerMiddleName”
},
标题：“经理”，
宽度：160，
可排序：正确
},
{字段：“ModifiedDate”，标题：“上次修改日期”，宽度：150，可排序：true}，
{
模板：“编辑视图”，
标题：“，
宽度：135，
可排序：是的，
名称：“编辑”，
点击：功能（e）{
e、 预防默认值（）；
警惕（“工作”）；
//var dataItem=this.dataItem（$（e.currentTarget）.closest（“tr”）；
}
},
],
dataSource:that.viewModel.preformanceSummaryDataSource（grid==“#employeeGrid”？false:true），
可滚动：false，
可排序：是的，
pageable:对，
可选：“行”，
更改：功能（e）{
//待办事项
},
数据绑定：函数（e）{
//待办事项
}
});
};

---

我最初希望它显示一个html模板，我已经创建，但在此之前，我试图点击事件的编辑工作。有什么想法吗？

您可以将其添加到命令列中，如：

{ field: "ModifiedDate".... },
{ command: { text: "Edit", click: edit}, title: " ", width: "180px" }]
                    }).data("kendoGrid");


function edit(e) {
                   }

您可以在此处看到完整的示例：

如果要将其添加为模板，请在模板中声明onclick事件，如：

<button class="test" onclick="yourFunction()"....

$(".test").click(function(){
....
})