Ext3 PagingToolbar.js修改

原创 2015年07月08日 13:25:07

最近在做一个项目,开发文本阅读功能,搜索后需要定位到关键字首次匹配的行(以及行所在的页),前端是用ext写的,分页组件用到PagingToolbar,但貌似这个组件在第一次加载数据时只能从第一条开始,即只能先显示第一页,而需求是可能的任一页,所以就自己修改了下Ext3PagingToolbar.js,其实改动很小的。

 

改写后PagingToolbar.js如下:

 

(function() {

var T = Ext.Toolbar;

Ext.PagingToolbar = Ext.extend(Ext.Toolbar, {
   
   
   
    pageSize :20,
   
   
    displayMsg :'Displaying {0} - {1} of {2}',
   
    emptyMsg :'No data to display',
   
   beforePageText : '页',
   
   afterPageText : '页共 {0}页',
   
    firstText :'第一页',
   
    prevText :'上一页',
   
    nextText :'下一页',
   
    lastText :'最后页',
   
    refreshText: 'Refresh',
   cursorinit :0,

   

   

   

   initComponent : function(){
       var pagingItems = [this.first = new T.Button({
           tooltip: this.firstText,
           overflowText: this.firstText,
           iconCls: 'x-tbar-page-first',
           disabled: true,
           handler: this.moveFirst,
           scope: this
       }), this.prev = new T.Button({
           tooltip: this.prevText,
           overflowText: this.prevText,
           iconCls: 'x-tbar-page-prev',
           disabled: true,
           handler: this.movePrevious,
           scope: this
       }), '-', this.beforePageText,
       this.inputItem = new Ext.form.NumberField({
           cls: 'x-tbar-page-number',
           allowDecimals: false,
           allowNegative: false,
           enableKeyEvents: true,
           selectOnFocus: true,
           listeners: {
               scope: this,
         

版权声明:本文为博主原创文章,未经博主允许不得转载。

ExtJs 4.x 学习小记:Ext.PagingToolbar的使用

在使用Grid显示数据列表时,为了查看方便,经常用到的是分页显示,Ext中使用Ext.PagingToolbar来实现,这里只做基本应用介绍,Ext.PagingToolbar的详细配置项及属性可以查...
  • bdmh
  • bdmh
  • 2014年03月20日 13:34
  • 12692

ExtJS4.07 分页组件pagingtoolbar

ExtJS4.07 分页组件 先看例子: var itemsPerPage = 2; // set the number of items you want per page var sto...

分页工具栏PagingToolBar的使用

使用1 Ext.csap.PagingToolBar = Ext.extend(Ext.PagingToolbar, {    displayInfo : true,    displayMsg : ...

Tomcat 数据源的配置用,及spring对Tomcat的引用

Tomcat中配置数据源分两种,一种为全局数源,一种为单个web应用,无论哪种方式都必须先把数据库driver放到commons/lib下面。一、如果只想为一个web应用配置一个专用的数据源,则只需要...
  • sohe
  • sohe
  • 2008年03月27日 11:29
  • 1364

guava学习(一)ComparisonChain 源码分析

1. ComparisonChain 使用 2. ComparisonChain 源码分析ComparisonChain 使用我有一个产品的list,想对这个list先按产品生效时间排序,如果生...

Ext JS PagingToolbar 组件

  • 2012年08月08日 15:06
  • 9KB
  • 下载

EXT PagingToolbar分页中,修改start,limit默认参数名

最近在搞ext分页,但是我后台封装了前台传递的参数,如下图。 后台: DayPassOrgiTransDTO封装模型: Page分页类: 前台: 如上图所示,我们都知...
  • cwlacxm
  • cwlacxm
  • 2015年12月25日 16:28
  • 2162

Ext 2.0使用:对分页Ext.PagingToolbar的扩展

Ext 2.0使用:对分页Ext.PagingToolbar的扩展在Ext的原有分页控件中,服务器端方法是根据传入的起始数据记录号(start),和显示多少条记录(limit)来返回当前页记录的。有时...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ext3 PagingToolbar.js修改
举报原因:
原因补充:

(最多只允许输入30个字)