kendoGrid 自定义列命令

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" //列宽
        }]

这里的审批将会显示成一个按钮的形式，当我们点击这个按钮时会触发我们绑定的事件。