码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid editor checkbox 单击事件

时间:2017-07-09 13:46:48      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:box   load   导致   column   target   title   java   att   checkbox   

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




easyui datagrid editor checkbox 单击事件

标签:box   load   导致   column   target   title   java   att   checkbox   

原文地址:http://www.cnblogs.com/llguanli/p/7141076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!