您的位置:首页 > 产品设计 > UI/UE

easyui datagrid editor checkbox 单击事件

2017-07-09 12:02 453 查看
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'}}}
]]
});


当中最后一列的checkbox:true即为复选框,建议不要使用

{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(){
//这里能够指定当前行的数据
}
}



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: