首页 > 代码库 > easyui datagrid editor checkbox 单击事件

easyui datagrid editor checkbox 单击事件

2024-07-19 15:18:26   216人阅读

        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 单击事件






























        

            
                
                  
                
                

                    联系

                    我们