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");

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章