easyui datagrid 动态加载列

$( function () {

     var columns = new Array();

     var cols = new Array();

     var colData = new Object();

     

     $.post( "url" , "params" , function (data){

         //动态生成表头开始

         if (data.xxxx != null ){

             $.each(data.xxxx, function (){

                 colData = new Object();

                 colData.field = this .resCode;

                 colData.title = this .resName;

                 colData.width = 100; //也可以配置在数据库，这样整个页面的生成全部是配置的

                 colData.formatter =  function (value,row,index){

                     

                     //这两句是嵌套对象属性绑定，insideObject 为嵌套的对象，field 为对象的属性

                     //datagrid 的field不能重复，注意在绑定field 时不能全部用 insideObject，需要使用  insideObject 的属性绑定

                     var field = this .field;

                     return row.insideObject[field];

                     

                 };

                 cols.push(colData);

             });

         };

         columns.push(cols);

         //动态生成表头结束

         

         var gridCfg = {

             fit         : true ,

             loadMsg     : '数据加载中......' ,

             url         : opts.resDataQueryUrl,

             nowrap      : true ,

             border      : false , 

             striped     : true ,

             pagination  : true ,

             pageSize    : opts.pageSize,

             rownumbers  : true ,

             singleSelect: false ,

             columns     : columns,

             fitColumns : false ,

             queryParams : {},

             frozenColumns   :   [[ 

                 {field: 'ck' ,checkbox: true } 

             ]],

             onLoadSuccess: function (data){

             }

         };

         $( '#id' ).datagrid(gridCfg);

     

     });

 

});