Ext2.0 GridPanel 使用stateId保存状态

 

Ext2.0 GridPanle 使用stateId保存状态,Ext2.0 提供状态感知， 不同控件有默认序列号,但是不同叶面使用同一控件事可以考虑使用页面的URL来区分。

 

 

table.html

 

姓	名
律	雅菲
李	殷殷

 

tabletogrid.js

 

 

var providertmpurl = document.URL;
     if(providertmpurl.indexOf(".jsp?")!=-1){
      providertmpurl = providertmpurl.substring(0,providertmpurl.indexOf(".jsp?")+4);
      while(providertmpurl.indexOf("\/")!=-1){
   providertmpurl = providertmpurl.replace(/\/+/,"-");
   }     
     }else{
     }
    
Ext.onReady( 
 function(){   
 
 
    var cp = new Ext.state.CookieProvider();
 
    
  Ext.state.Manager.setProvider(cp);
   
   
  var table = document.getElementById("tb1"); //获得表格对象
  var headrow = table.rows[0]; //取头-行  
  var colnum = headrow.cells.length ;//多少列  
  var headrowarr = new Array();
  for(i = 0;i< colnum ;i++)
  {
   var tm =headrow.cells[i].innerHTML;  
   headrowarr[i] = {header:tm,dataIndex:i};
  }
  var cm = new Ext.grid.ColumnModel(headrowarr);
  cm.defaultSortable = true;

       //data of table
  var data = new Array();
  for(var ii = 1 ; ii    var celldata = new Array();
   for(var jj = 0 ; jj < tb1.rows[ii].cells.length ; jj++ ){
    celldata.push(tb1.rows[ii].cells[jj].innerHTML);//每行的 把所有cell放进数组
   }
   data.push(celldata);// 每行的所有元素 作为数组的一个元素   
  }
  
     //clear the data for the table
  while(tb1.rows.length>0)
   tb1.deleteRow();
   
    //
    var readerarr = new Array();
 for(var a = 0; a  readerarr[a]={name:a,sortType:Ext.data.SortTypes.asPYpx};  //EXT2.0 按拼音排序
 }
 
var recordType = Ext.data.Record.create(readerarr);
var reader = new Ext.data.ArrayReader({},recordType) //这里的 参数 recordetype需要是Ext.data.Record.creat 的对象 不是简单的数组

var ds = new Ext.data.Store({
    proxy: new Ext.data.MemoryProxy(data),
    reader:reader
 });

ds.load();
var screenwidth = document.body.offsetWidth;

var width = (screenwidth/100)*99 ;//获取屏幕大小 设定width
var grid = new Ext.grid.GridPanel({
  width:width,
  viewConfig: {
        forceFit: true,
        autoFill:true
    },
    el: "viewdiv",
    ds: ds,
    stateId:providertmpurl,  //使用url
    cm: cm   
});

grid.render();

});