Easyui datagrid+ashx 实现动态生成列

easyui datagrid查询时需要动态生成列，网上收集了一些资料，最终实现和大家分享一下：

JS脚本：

var grid; 
  
 $(function(){ 
  
     grid = $('#tt').datagrid({ 
         fit: true,//自动大小    
         rownumbers:true,//行号   
         //loadMsg:'数据装载中......',    
         singleSelect:true,//单行选取  
         pagination:false,//显示分页  
         columns:[[]], 
         toolbar:[{ 
             text:'显示1', 
             iconCls:'icon-add', 
             handler:newData 
         },'-',{ 
             text:'显示2', 
             iconCls:'icon-add', 
             handler:newData2 
         }] 
     }); 
  
     self.parent.$("#tabs").tabs("loaded"); 
 }); 
  
 function newData(){ 
  
     $.post('ashx/freeBedHandler.ashx', { id:1 },  
         function(data) { 
             grid.datagrid({ 
                 columns:[data.columns] 
             }).datagrid("loadData", data);                
         }, 'json'); 
 } 
  
 function newData2(){ 
  
     $.post('ashx/freeBedHandler.ashx', { id:2},  
         function(data) { 
             grid.datagrid({ 
                 columns:[data.columns] 
             }).datagrid("loadData", data);                
         }, 'json'); 
 } 

var grid;

$(function(){

 grid = $('#tt').datagrid({
   fit: true,//自动大小 
         rownumbers:true,//行号
  //loadMsg:'数据装载中......', 
   singleSelect:true,//单行选取
  pagination:false,//显示分页
  columns:[[]],
   toolbar:[{
    text:'显示1',
    iconCls:'icon-add',
    handler:newData
   },'-',{
    text:'显示2',
    iconCls:'icon-add',
    handler:newData2
   }]
  });

 self.parent.$("#tabs").tabs("loaded");
 });

function newData(){

 $.post('ashx/freeBedHandler.ashx', { id:1 },
      function(data) {
          grid.datagrid({
                 columns:[data.columns]
             }).datagrid("loadData", data);              
         }, 'json');
 }

function newData2(){

 $.post('ashx/freeBedHandler.ashx', { id:2},
      function(data) {
          grid.datagrid({
                 columns:[data.columns]
             }).datagrid("loadData", data);              
         }, 'json');
 }

View Code