EXt 表格(grid)-學習1

var pagesize = 10; //定義分頁數
 var ds ;
 //列表頭加上覆選框
     /*var sm = new Ext.grid.CheckboxSelectionModel({
      checkOnly: false,  
     singleSelect: false 
     });
     */
     //列表頭加序號
     var rm = new Ext.grid.RowNumberer();
     //列表頭
     var cm = new Ext.grid.ColumnModel([
         rm,
         {id:'class_unid',header: "班次ID", width: 200,hidden:true, sortable: true, dataIndex: 'class_unid'},
         {header: "培訓機構", width: 200, sortable: true, dataIndex: 'jigou'},
         {header: "年度", width: 100, sortable: true, dataIndex: 'niandu'},
         {header: "招生計劃", width: 200, sortable: true, dataIndex: 'jihua'},
            {header: "班名", width: 200, sortable: true, dataIndex: 'banci'},
            {header: "主辦單位", width: 100, sortable: true, dataIndex: 'dept'},
            {header: "辦班地點", width: 100, sortable: true, dataIndex: 'didian'},
            {header: "開始時間", width: 100, sortable: true, dataIndex: 'stime'},
            {header: "結束時間", width: 100, sortable: true, dataIndex: 'etime'},
            {header: "學分", width: 50, sortable: true, dataIndex:'score',editor:new Ext.form.TextField()}
        ]);       
   
        var urlstr =ucapSession.baseAction+'?type=load_gb_peixun_info&userid='+punid;
         ds=new Ext.data.JsonStore({     
                url:urlstr,  
                root:"data",     
                fields:["class_unid","jigou","niandu","jihua","banci","dept","didian","stime","etime","score"],     
                totalProperty:"totalCount"
           });
       ds.load(
            {
               params:{start:0,limit:pagesize}
            }
          );
          var bbar=new Ext.PagingToolbar({  
                pageSize:pagesize,  
                store:ds,  
                beforePageText:"當前第",  
                afterPageText:"頁，共{0}頁",  
                lastText:"尾頁",  
                nextText :"下一頁",  
                prevText :"上一頁",  
                firstText :"首頁",  
                refreshText:"刷新頁面",  
                displayInfo: true,  
                displayMsg:"當前顯示 {0} - {1}條, 共 {2} 條" 
            });
            var tbar=new Ext.Toolbar({
             items:[
              {
             text:'保存學分',
              tooltip:'保存學分',
              handler:function(){
               //處理方法

           },
           {
              text:'刷新',
              tooltip:'刷新',
              handler:function(){
               ds.reload();
               }
           }
             ]
            });
       var winth = Ext.get("ganbuscore_list").getWidth();
       var grid = new Ext.grid.EditorGridPanel(
        {
         id:"ganbuscore_mrtj",
         //title:"<FONT color=red>--->文件列表</FONT>",
         region:"center",
         loadMask:{msg : "正在讀取數據，請稍候..."},
         width:winth,
         height:270,
         enableHdMenu:true,
         stripeRows:true,
         ds:ds,
         //sm : sm,
         cm:cm,
         tbar:tbar,
         clicksToEdit:1,
         stripeRows:true,
      bbar: bbar
      }
        );
        grid.render("ganbuscore_list");