kendoGrid 自定义列命令
kendoGrid 中有时我们需要在表中加一列来放置一些操作按钮,这里我们可以使用kendoGrid 中 columns 下使用 command命令来定义
columns: [{
field: "taskId",
title: "任务ID"
}, {
field: "taskName",
title: "审批环节"
}, {
field: "procDefId",
title: "流程定义ID"
},{
field: "assignee",
title: "当前处理人 "
},{
command : [
{
text:"审批",//名称
click:function (e) {
// e.target 是表示按钮的DOM元素
var tr = $(e.target).closest("tr"); // 得到当前表格的行 (tr)
// 将数据绑定到当前表行。我们则可以通过data来取到这一行的数据了
var data = this.dataItem(tr);
console.log("事件");
console.log(data.taskId);
}
}
],
title : "操作", //表头名称
width : "150px" //列宽
}]
这里的审批将会显示成一个按钮的形式,当我们点击这个按钮时会触发我们绑定的事件。