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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值