kendoGrid 自定义列命令

来源:互联网 发布:进出货软件 编辑:程序博客网 时间:2024/06/03 17:25

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

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

原创粉丝点击