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

easyui datagrid editor checkbox 单击事件

时间:2014-08-26 17:34:26      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:js   easyui   datagrid   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){	<pre name="code" class="javascript">var eds = $('#dr_col_auth').datagrid('getEditors',id);
$(eds[0].target).bind('click',function(){
//这里可以指定当前行的数据
}
}




easyui datagrid editor checkbox 单击事件

标签:js   easyui   datagrid   checkbox   

原文地址:http://blog.csdn.net/liu251890347/article/details/38848157

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