easyui dataGrid 动态添加列

  1. <script>  
  2.    
    var array =[];
    var columns=[];
    $.ajax({
            url:_ctx+'/nodeManage/getMysqlFields',
            type:'POST',
            data:'id='+node['id'],
            success:function(data){//data后台的传过来的表字段数组
                  $(data).each(function(){
                      array.push({field:'',title:'',width:''});
                   });
                   columns.push(array);
                   $(data).each(function(index,el){
                          columns[0][index]['field']= el['column_name'].toLocaleLowerCase();
                          columns[0][index]['title']= el['column_name'];
                          columns[0][index]['width']= "130";
                   });
                   $('#dg').datagrid({
                             fit:true,checkOnSelect:true,  selectOnCheck:true,   singleSelect:true,toolbar:'#queryToolbar',
                             pageSize : 5,
                             columns:columns,
                             dataType: 'json',
                             pageList: [5,10,30,50,70,100],
                             pageNumber : 1,
                             pagination:true,
                             queryParams:{id:node['id']},
                             url:_ctx+'/nodeManage/getMd5Datagrid'
                   });
                },
                dataType:'json'
     });
  3.  $(function () {  
  4.   
  5.         $.getJSON('${pageContext.request.contextPath}/resources/json/datagrid_data.json',function(result){  
  6.             var columns=new Array();  
  7.             $.each(result.headers[0], function(i, field){  
  8.                 var column={};  
  9.                 column["title"]=i;  
  10.                 column["field"]=field;  
  11.                 column["width"]=50;  
  12.                 columns.push(column);//当需要formatter的时候自己添加就可以了,原理就是拼接字符串.  
  13.             });  
  14.             $('#tt').datagrid({  
  15.                 title:' XXX公司价差补差分配表',  
  16.                 height:500,  
  17.                 singleSelect:true,  
  18.                 url:'',  
  19.                 frozenColumns :[[  
  20.                     {field:'name',title:'项目',width:80,sortable:true,align:'center'},  
  21.                     {field:'count',title:'合计',width:150,sortable:true}  
  22.                 ]],columns : [  
  23.                     columns  
  24.                 ],  
  25.                 rownumbers:true}).datagrid('loadData',result.bodys);  
  26.         });  
  27.     })  
  28. </script>  
  29. <div title="XXX公司价差补差分配表" fit="true" border="false" style="height: 94%;">  
  30. <table id="tt"  ></table>  

  1. </div>  
  2. {"headers":[
        {"一月份":"Jan","二月份":"Feb"}
    ],"bodys":[
        {"name":"LNG","count":"50000","Jan":"20000","Feb":"30000"}
    ]
    }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值