前端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