前端datagrid工具

<link href="${ctx}/static/framework/plugins/table/comui.table.css" rel="stylesheet" type="text/css"></link>
<script src="${ctx}/static/framework/plugins/table/comui.table.easyui.js" type="text/javascript"></script>
<div id="datagrid" style="margin: 0px 0px; padding: 0;"></div>

var dg=null;
$(function(){
   initDataGrid();    
});

/**
 * 初始化数据
 */
function initDataGrid(){
    dg = $("#datagrid").ligerTable({
      url: ctx+"/gg/cyryxx/getCrylListData?ajbh="+ajbh+"&rylb=''"+"&rylx=0100",
      width:'100%',
      pagination:true,
        rownumbers: true,
        checkbox:false,
      emptyMsg: '<span>暂无数据</span>',
      toolbar:initToolbar(),
      columns:[[
              {field:'id',align:'center',checkbox:true}, 
              {title : '人员类别',field : 'cyrlbName',align : 'center',width : '15%'},
              {title : '人员编号',field : 'rybh',align : 'center',width : '15%',
                    formatter : function(value,row,index){
                        var h="<a href='javascript:void(0);' οnclick='showryxx(\""+row.rybh+"\",\""+row.cyrlb+"\")' style='color: blue;'>"+value+"</a>";
                        return h;
                    }
            },
            {title : '姓名',field : 'ryxm',align : 'center',width : '13%'},
            {title : '性别',field : 'xbName',align : 'center',width : '12%'},
            {title : '证件号码',field : 'zjhm',align : 'center',width : '20%'},
            {title:'操作',field:'operation',align:'center',width:'20%',
               formatter : function(value,row,index){
                  if(viewMark == 'view'){
                      return "";
                   }
                        return "<a id='btnCancel' class='oper-btn oper-info' type='button' οnclick='shouMenuList(" + index + ",this)' value='操作'>操作</a>";
            }} 
        ]]   
   });    
}

 

 

相关js和样式

链接: https://pan.baidu.com/s/1ICqy9XiuYHPt4-wSGZg9Ag 提取码: dg2t

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值