extjs组建化编程(GridPanel分页xml的)

PagingGridPanel =Ext.extend(Ext.grid.GridPanel,{
  
     constructor:function(){
     this["store"]:new Ext.data.Store({
         url:"",
      //reader解析
      reader:new Ext.data.XmlReader({
         autoLoad:true,
               record:"row",//解析指定xml的节点
         //分页需要的属性(数量)
         totalRecords:"@count"
         },Ext.data.Record.create([{//对应XML的字段
               name:"id" ,mapping:"@id"
         },{
         name:"type" ,mapping:"@type"
         },{
         name:"money",mapping:"@money"
             }])
         )
         });
     PagingGridPanel.superclass.constructor.call(this,{
    renderTo:Ext.getBody(),
    width:300,
    height:400,
    //baseParams:{start:0,limit:5}
    //可以选择行数
    sm:new Ext.grid.RowSelectionModel({
        //设置为单选
           singleSelect:true
    }
    bbar:new Ext.PagingToolbar({
              store:this.store,
        //一页显示多少个
        pageSize:5
      }),
    //绑定store中的数据到列中
    columns:[{
       header:"类型",
       dataIndex:"type"
    },{
       header:"金额",
       dataIndex:"money"
       }]
        });
  /*  
     this.getStore().on("load",function(_store){
    //_store.getTotalCount()中值的数量
    alert(_store.getTotalCount());  
  });*/
  this.getStore().load({params:{start:0,limit:5}});
  }       
       
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值