构建gridPanel动态列

1.定义全局变量

var cmItems = [];

var cmConfig = {};

2.具体代码思想

   从后台请求"列"数据以及store数组，代码如下

    gridTemp.removeAll();

    cmItems.clear();

    

    var ItemArr = [];

    var item = {};

    

    UploadstoreColumns.load({ params: {fileName: document.getElementById("txtFile").value} });

    for (var a = 0; a < UploadstoreColumns.getRange().length; a++) 

    {

        

        if(a==6)

        {

         STARTDATE=UploadstoreColumns.getRange()[a].get("COLUMNSCODE").replace("PSIDATE","");

        }

        

        item = { name:UploadstoreColumns.getRange()[a].get("COLUMNSCODE")};

        ItemArr.push(item); 

        var headName=UploadstoreColumns.getRange()[a].get("COLUMNSCODE").replace("PSIDATE","");

        switch(headName)

        {

         case "VOLUME":

           headName="物理体积 m3";

           break;

         case "TOTALP":

           headName="合计 P";

           break;

         case "TOTALS":

           headName="合计 S";

           break;

         case "TOTALI":

           headName="合计 I";

           break;

         case "TOTAL":

           headName="总体积";

           break;  

        }

        if(headName=="FLAGI")

        {

        cmConfig = { header:headName, align: 'center',sortable:true,hidden:true,dataIndex:UploadstoreColumns.getRange()[a].get("COLUMNSCODE"), width: 100}

        }  

        else

        {

        

                    

        cmConfig = { header:headName, align: 'center',sortable:true, dataIndex:UploadstoreColumns.getRange()[a].get("COLUMNSCODE"), width: 100,renderer:function(value){

        

        if(value=='0')

        {

         return "";

        }else

        {

        return value

        }

        

        }}

        

        }

        cmItems.push(cmConfig);

        

        

        if(headName!="FLAGI")

        {

        switch(headName)

        {

          case "DEPTCD":

          case "WAREHOUSECD":

          case "ITEMNO":

          case "ITEMNAME":

          case "物理体积 m3":

          case "合计 P":

          case "合计 S":

          case "合计 I":

          case "总体积":

          break;

          default:

            COLNAME+= strSplit+headName;

            break;   

        }                            

        

        }            

    }

    

///////////////////////////获得数据源

var Mystore = new Ext.data.Store({

    proxy: new Ext.data.HttpProxy({ url: 'WsECOWHS01.asmx/selectUploadData', method: "post", async: false}),

    reader: new Ext.data.XmlReader(

    {

        totalProperty: 'totalRecords',

        record: 'row'

    },ItemArr

    )

});



var Mycm = new Ext.grid.ColumnModel(cmItems);

 Mystore.load({ params: {fileName: document.getElementById("txtFile").value} });

 

 

var btnSave= new Ext.Button({

   text:'保存',

   iconCls: 'icon_save',

   handler:function()

   {

   



       var selFuns = [];

    Mystore.each(function(r){

      selFuns.push(r.data);

    });

    var pam = {

        list:selFuns,

        COLNAME:COLNAME,

        DEPTCD:MLCBMXX.getValue(),

        WAREHOUSECD:MLCGYS.getValue()  

    } 

    var result = AjaxRequestJson('WsECOWHS01.asmx/Save', pam);

    if (result.rtnValue.isError) {

        Ext.Msg.alert(" 提示消息", result.rtnValue.errorMessage);

    } else {

        Ext.Msg.alert(" 提示消息", "操作成功！");

    }                         

    

               

   



   }

}); 

var btnUpStep= new Ext.Button({

   text:'上一步',

   iconCls: 'icon_return',

   handler:function()

   {

    CardPanel.getLayout().setActiveItem(formPanel);

   }

});            

var MygridArray = new Ext.grid.GridPanel({

    store: Mystore,

    cm: Mycm,

    autoScroll: true,

    border: false,

    columnLines:true,

    viewConfig: {

    //forceFit:true,

    columnsText: '显示的列',

    scrollOffset: 20,

    sortAscText: '升序',

    sortDescText: '降序',

    getRowClass:function(record,rowIndex,rowParams,store)

    {             

        if(record.data.FLAGI == "Y")

        {

        return 'x-grid-back-Myellow';

        }

        

    }                 

    },

    bbar:[btnSave]//,btnUpStep

});  

gridTemp.insert(0, MygridArray);



MygridArray.doLayout();

gridTemp.doLayout();                

CardPanel.getLayout().setActiveItem(gridTemp);