EasyUI 表格为每一行添加按钮处理，如何保证行内数据与按钮绑定

目标：

        1：为表格每一行添加按钮：举例添加“立即执行”按钮；

        2：按钮与本行内容绑定，实现效果：点击按钮能弹出该行某一字段的值

一、添加按钮

        代码：在前端页面js中的创建表格部分直接添加列：操作

        frozenColumns:[[

                                .............,(这前面的不需要修改，直接添加下面的字段)
                                {title:'操作',field:'_operate',width:100,align:'center',halign:'center',
                                        formatter:function(val,rec,index){
                                            return '<input id="executebtn" name="executebtn" type="button" class="btn" value="立即执行" onClick="executebtnClick(' + rec.SCH_SET_ID + ',' + index + ')"/>';
                        }
                    }
                ]]

其中最后一个属性formatter最为重要，添加函数直接返回一个按钮

function(val,rec,index)        val：该字段的值        rec：该行数据        index：索引

按钮事件：executebtnClick(' + rec.SCH_SET_ID + ',' + index + ')                注意这里的写法

        ' + rec.SCH_SET_ID + '        这里需要找到你自己表格的ID是什么替换进来，根据id绑定按钮

二、绑定

        实际上，使用前面的代码就已经做好绑定的准备工作了，下面需要写按钮的点击事件，在这里可以alert弹出一个字段的值检查是否绑定成功：

代码：

        function executebtnClick(SCH_SET_ID,index) {        //注意这里的id要与前面的对应上
            $('#dg').datagrid('selectRow',index);
            var row = $('#dg').datagrid("getSelected");
            alert(row.sch_class);                //弹出表格中某一字段检查一下是否绑定好
        }

细心一点代码不要敲错了哟

做好绑定工作就可以继续写按钮事件啦~