分页工具栏PagingToolBar的使用

使用1

 

 Ext.csap.PagingToolBar = Ext.extend(Ext.PagingToolbar, {
    displayInfo : true,
    displayMsg : "显示第 {0} 条到 {1} 条记录，一共 {2} 条记录",
    emptyMsg : '没有记录',
    initComponent : function() {
        Ext.csap.PagingToolBar.superclass.initComponent.call(this);
    },
    beforeDestroy : function() {
        Ext.csap.PagingToolBar.superclass.beforeDestroy.apply(this, arguments);
    }
});

 

 使用2

 

   new Ext.PagingToolbar({
       store : storeMgr,
       pageSize : 15,
       displayInfo : true,
       displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条记录',
        emptyMsg : '没有记录'
      })

 

 

 使用3

 

  自定义分页（多了一个按钮）
  new Ext.PagingToolbar({
  store: store,
  pageSize: 6,
  displayInfo: true,
  displayMsg: "本页显示第{0}条到第{1}条的记录,一共{2}条",
  emptyMsg: "没有记录",
  items:["-",{
    icon: "../extjs/resources/images/default/dd/drop-yes.gif",//图标
    cls: "x-btn-text-icon", //按钮文字前为放图标留的一段空隙
    pressed: true,
    enableToggle:true,
    text: '隐藏备注',
    cls: 'x-btn-text-icon details',
    toggleHandler: function(btn, pressed){
      var view = grid.getView();
      if(pressed){
      btn.setText("隐藏备注");
      }else{
      btn.setText("显示备注");
      }
      view.showPreview = pressed;
      view.refresh();
    }
  }]
 })