Kendo ui 以编程方式从剑道网格中选择行

我有一个网格，其中一列是一个带有复选框的模板：

.Name("grid")
.Columns(columns =>
{
    columns.Bound(c => c.Id).ClientTemplate("<input type=\"checkbox\" id=\"chk_#=Id#\" class=\"gridCK\" onclick=\"zzz(this)\"/>");

但是什么也没发生，

行

变量不是网格的实际行

---

如何实现这一点？

将函数处理程序定义为：

function zzz(e) {
    var row = $(e).closest("tr");
    row.addClass("k-state-selected");
}

在行动中看到它：

$（文档）.ready（函数（）{
var crudServiceBaseUrl=”http://demos.telerik.com/kendo-ui/service",
dataSource=新建kendo.data.dataSource({
运输：{
阅读：{
url:crudServiceBaseUrl+“/Products”，
数据类型：“jsonp”
},
parameterMap：功能（选项、操作）{
if（操作！=“读取”&&options.models）{
返回{models:kendo.stringify（options.models）}；
}
}
},
页面大小：5，
模式：{
型号：{
id:“产品id”，
字段：{
ProductID:{可编辑：false，可空：true}，
产品名称：{验证：{必需：true}}，
单价：{type:“number”，验证：{required:true，min:1}，
中止：{type:“boolean”}，
UnitsInStock:{type:“number”，验证：{min:0，必需：true}
}
}
}
});
var grid=$（“#grid”）.kendoGrid({
数据源：数据源，
可导航：是的，
pageable:对，
栏目：[
“产品名称”，
{字段：“单价”，标题：“单价”，格式：{0:c}，宽度：120}，
{字段：“单位库存”，标题：“库存单位”，宽度：120}，
{字段：“选择”，模板：}
],
可编辑：false，
可选：“多个”
}).数据（“kendoGrid”）；
});
功能zzz（一）{
var行=$（i）.最近的（“tr”）；
row.addClass（“k-state-selected”）；
}

html{
字体大小：10px；
字体系列：Arial、Helvetica、无衬线字体；
}

function zzz(e) {
    var row = $(e).closest("tr");
    row.addClass("k-state-selected");
}