ext 2.0 gridpanel实例2

Ext.onReady(function(){
//format the display data
var formatcustomer = function(value, cellmeta, record, rowIndex){
return record.data['cangdiancode']+'-'+record.data['cangdianname'];
}
function renderswsdateship(value, p, record){
    value=formatDateStr(value);
        return String.format('{0}', value, record.data['excerpt']);
    };
function formatDateStr(date)
{
  try{
    var str="";
    str=date.getFullYear()+"-";
    str+=(((date.getMonth()+1)>=10)? (date.getMonth()+1):"0"+(date.getMonth()+1))+"-";
    str+=(date.getDate()>=10)? date.getDate():"0"+date.getDate();
    str+=" ";
    str+=((date.getHours()>=10)? date.getHours():"0"+date.getHours())+":";
    str+=((date.getMinutes()>=10)? date.getMinutes():"0"+date.getMinutes())+":";
    str+=(date.getSeconds()>=10)? date.getSeconds():"0"+date.getSeconds();
    return str;
  }catch(e){
    throw e;
  }
}

function formatdatestring(value){
return value.substring(0,10);
}
var formatstatus = function(value){
if(value=="1")
return "未啟用";
if(value=="2")
return "已啟用";
if(value=="3")
return "禁用";
}
function renderoperate(value, cellmeta, record, rowIndex, columnIndex, store) {
    //Ext.Msg.alert("msg",record.data['swsNbr']);
    //var str = "<input type='button' value='查看详细信息' onclick='alert(\"" +
       // "这个单元格的值是：" + value + "\\n" +
        //"这个单元格的配置是：{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}\\n" +
        //"这个单元格对应行的record是：" + record + "，一行的数据都在里边\\n" +
        //"这是第" + rowIndex + "行\\n" +
        //"这是第" + columnIndex + "列\\n" +
       // "这个表格对应的Ext.data.Store在这里：" + store + "，随便用吧。" +
       // "\")'>";
       var str = "<a href=\"javascript:View_Search('"+record.data['swsNbr']+"')\"><img src='../images/custom/search.gif' width='15' height='13' border='0' alt='View'></a>";
          str= str+" &nbsp;<a href='#' onClick=\"printURI1('/inc/print_select1.jsp?URI=/Inventory/inventory_in_print.jsp?swsnbr="+record.data['swsNbr']+"')\"><img src='../images/custom/print.gif' width='13' height='14' border='0' alt='Print'></a> ";
    return str;
}  

//--------------------------start----------------------------
var storeParams = { 
   params : { 
   start : 0, 
   limit : 10 
   } 
   }; 
var sm = new Ext.grid.CheckboxSelectionModel(); 
   // Process grid start 
var cm  = new Ext.grid.ColumnModel(
[sm, { 
                   header : "序號", 
                   width : 50, 
                  renderer:function(value, cellmeta, record, rowIndex){
          return rowIndex + 1;
   },
   align : 'center' 
               }, { 
                   id : 'cangdiancode', 
                   header : "倉點編號", 
                   width : 100, 
                   dataIndex : 'cangdiancode', 
                   align : 'right' 
               }, { 
                   header : "倉點名稱", 
                   width : 120, 
                   dataIndex : 'cangdianname', 
                   align : 'center' 
               },
               { 
                   header : "所屬客戶", 
                   width : 150, 
                   dataIndex : 'custname',
                   renderer: formatcustomer,
                   align : 'center' 
               },
               { 
                   header : "啟用日期", 
                   width : 100, 
                   dataIndex : 'createdate', 
                   //renderer:renderswsdateship,
                   renderer:formatdatestring,
                   align : 'center' 
               }, { 
                   header : "負責人", 
                   width : 75, 
                   dataIndex : 'chargeman', 
                   align : 'center' 
               }, { 
                   header : "目前狀態", 
                   width : 100, 
                   dataIndex : 'status',
                   renderer:formatstatus,
                   align : 'center' 
               }]
);
  var processreader = new Ext.data.JsonReader({ 
      totalProperty : "totalSize", 
      root : "data" 
  }, Ext.data.Record.create([{ 
                       name : "cangdiancode", 
                       type : "string" 
                   }, {
                       name : "cangdianname", 
                       type : "string" 
                   }, {
                       name : "custname", 
                       type : "string" 
                   }, {
                       name : "createdate", 
                        type: 'string'
                   }, {
                       name : "chargeman", 
                       type : "string" 
                   }, {
                       name : "status", 
                       type : "string" 
                   }])); 
    
   var processproxy = new Ext.data.HttpProxy({ 
               url : '../cangdianList.action' 
           }); 
    
   var processstore = new Ext.data.Store({ 
               proxy : processproxy, 
               reader : processreader 
           }); 
    
   var pagingBar = new Ext.PagingToolbar({ 
               pageSize : 10, 
               store : processstore, 
               displayInfo : true, 
               displayMsg : '显示记录 {0} - {1} of {2}', 
               emptyMsg : "没有记录", 
               items : ['-'] 
           }); 
          
      
    
var processgrid = new Ext.grid.GridPanel({ 
       id : 'processPanel', 
       el:'mygrid',
       store : processstore, 
       cm : cm, 
       sm : sm, 
       //title : '流程列表', 
       //region : 'center', 
       autoExpandColumn : 'cangdiancode', 
      //stripeRows : true, 
      bbar : pagingBar 
  }); 
  processgrid.render();//不可以在gridpanel中renderTo,数据会看不见的,要用grid.render() 
  processstore.load(storeParams); 
 
  });
//其中返回的JsonResult是类似如下的字符串
{totalSize:8,data:[{cangdiancode:'VMI-052-001',cangdianname:'仓点52',custname:'052',createdate:'2009-05-06
00:00:00.0',chargeman:'Samsung HK',status:'2'},{cangdiancode:'VMI-006-001',cangdianname:'Eurocir VMI
倉點 ',custname:'006',createdate:'2009-04-24 00:00:00.0',chargeman:'Eurocir',status:'1'},{cangdiancode
:'VMI-005-001',cangdianname:'仓点四',custname:'005',createdate:'2009-04-28 00:00:00.0',chargeman:'LGEHZ_AUD'
,status:'2'},{cangdiancode:'VMI-004-001',cangdianname:'004-001 ',custname:'004',createdate:'1900-01-01
00:00:00.0',chargeman:'LGEHZ_CDR',status:'2'},{cangdiancode:'VMI-003-001',cangdianname:'仓点三 ',custname
:'003',createdate:'2009-04-28 00:00:00.0',chargeman:'Vtech',status:'2'},{cangdiancode:'VMI-002-001',cangdianname
:'TEST',custname:'002',createdate:'2009-04-28 00:00:00.0',chargeman:'UPI',status:'2'},{cangdiancode:'VMI-001-002'
,cangdianname:'仓点二 ',custname:'001',createdate:'2009-04-28 00:00:00.0',chargeman:'Uniden',status:'3'
},{cangdiancode:'VMI-001-001',cangdianname:'仓点一',custname:'001',createdate:'2009-04-28 00:00:00.0',chargeman
:'Uniden',status:'2'}]}