Ext3 PagingToolbar.js修改
2015-07-08 13:25
537 查看
最近在做一个项目,开发文本阅读功能,搜索后需要定位到关键字首次匹配的行(以及行所在的页),前端是用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,
改写后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,
相关文章推荐
- ext监听事件方法[初级篇]
- ext读取两种结构的xml的代码
- EXT富客户端后台管理系统 初步代码第1/2页
- ext实现完整的登录代码
- Ext第一周 史上最强学习笔记---GridPanel(基础篇)
- ext 列表页面关于多行查询的办法
- 用tip解决Ext列宽度不够的问题
- Ext 今日学习总结
- Ext JS框架中日期函数的用法及日期选择控件的实现
- Ext对基本类型的扩展 ext,extjs,format
- ExtJS 2.0实用简明教程 之Ext类库简介
- sencha ext js 6 快速入门(必看)
- ext jquery 简单比较
- flexigrid 类似ext grid的JS表格代码
- EXT中xtype的含义分析
- ext for eclipse插件安装方法
- 使Ext的Template可以解析二层的json数据的方法
- Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
- 利用Ext Js生成动态树实例代码
- ext4 Ext.form.field的regex