关于easyui的datagrid相关使用

$('#dataPageList').datagrid({
                title:'模板列表',
                iconCls:'icon-ok',
                url:'${ctx }/userInfo/getAll.do',
                nowrap: false,
                striped: true,
                collapsible:false,                
                fitColumns: true,
                pagination:true,
                singleSelect:true,
                rownumbers:true,
                remoteSort: false,
                pageList:[3,5,10,50],
                idField:'id',
                columns:[[
                    {field:'username',title:'用户名',width:40,sortable:true},
                    {field:'realname',title:'姓名',width:30,sortable:true},
                    {field:'sex',title:'性别',width:20,sortable:true},
                    {field:'identitytype',title:'证件类型',width:30,sortable:true},
                    {field:'identitycode',title:'证件号码',width:40,sortable:true},
                    {field:'birthday',title:'生日',width:30,formatter:formatDatebox,sortable:true},
                    {field:'address',title:'地址',width:40,sortable:true},
                    {field:'state',title:'用户状态',width:30,sortable:true},
                    {field:'postcode',title:'邮编',width:40,sortable:true},
                    {field:'operate',title:'操作',width:20,formatter:formatOper,sortable:true}
                ]],
                toolbar:[{
                    text:'修改',
                    iconCls:'icon-edit',
                    handler:function(){
                        editStorage();
                    }
                },'-',{
                    text:'刷新',
                    iconCls:'icon-reload',
                    handler:function(){
                        $('#dataPageList').datagrid('reload');
                    }
                }
                ],
                onDblClickRow:function(){
                    dataItemTree();
                }
            });        

        });

添加操作列,进行用户冻结操作,从当前行获取当前行得值

function formatOper(value, row, index) {                                                 //value=当前点得单元格得值;row=当前行;index=索引
    var str = "";
    var row = $('#dataPageList').datagrid('getData').rows[index];                      //获取选中行getData参数固定这么写,用row.state(state为那行对象的一个属性)取值
    if(row.state=='已认证'){
        str = '<a id="freeze'+index
         +'" class="l-btn l-btn-plain" οnclick="deleteCate()" href="javascript:void(0)">'
         +'<span class="l-btn-left">'
         +'<span class="l-btn-text icon-add l-btn-icon-left">冻结</span>'
         +'</span></a>';
        
    }else if(row.state=='冻结'){
        str = '<a id="thaw'+index+'" class="l-btn l-btn-plain" οnclick="thaw()" href="javascript:void(0)">'
         +'<span class="l-btn-left">'
         +'<span class="l-btn-text icon-remove l-btn-icon-left">解冻</span>'
         +'</span></a>';
    }
    return str;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值