Easyui datagrid treegrid中可以为行追加checkbox元素,例如:
$('#tt').treegrid({ url:'get_data.php', idField:'id', treeField:'name', columns:[[ {title:'Task Name',field:'name',width:180}, {field:'persons',title:'Persons',width:60,align:'right'}, {field:'begin',title:'Begin Date',width:80}, {field:'end',title:'End Date',width:80,editor:{type:'checkbox',options:{on:'1',off:'0'}}} ]] });
{field:'end',title:'End Date',width:80,formatter:function(val,row,index){ return '<input type="checkbox"/>' ; }}这种方法导致复选框随行的选中而选中,不灵活。
那么如何给这种复选框追加单击事件或者传值呢?方法如下:
onLoadSuccess:function(row,data){ var eds = $('#dr_col_auth').datagrid('getEditors',id); $(eds[0].target).bind('click',function(){ //这里可以指定当前行的数据 } }