-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-toolbar.Paging-method-constructor'><span id='Ext-toolbar.Paging'>/**
-</span></span> * @class Ext.toolbar.Paging
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>The source code</title>
+ <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+ <script type="text/javascript" src="../prettify/prettify.js"></script>
+ <style type="text/css">
+ .highlight { display: block; background-color: #ddd; }
+ </style>
+ <script type="text/javascript">
+ function highlight() {
+ document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+ }
+ </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+ <pre class="prettyprint lang-js"><span id='Ext-toolbar-Paging'>/**
+</span> * @class Ext.toolbar.Paging
* @extends Ext.toolbar.Toolbar
* <p>As the amount of records increases, the time required for the browser to render
* them increases. Paging is used to reduce the amount of data exchanged with the client.
* <li><a href="http://sencha.com/forum/showthread.php?t=71532">Ext.ux.data.PagingStore</a></li>
* <li>Paging Memory Proxy (examples/ux/PagingMemoryProxy.js)</li>
* </ul></div>
- * @constructor Create a new PagingToolbar
- * @param {Object} config The config object
- * @xtype pagingtoolbar
*/
Ext.define('Ext.toolbar.Paging', {
extend: 'Ext.toolbar.Toolbar',
alias: 'widget.pagingtoolbar',
alternateClassName: 'Ext.PagingToolbar',
requires: ['Ext.toolbar.TextItem', 'Ext.form.field.Number'],
-<span id='Ext-toolbar.Paging-cfg-store'> /**
+<span id='Ext-toolbar-Paging-cfg-store'> /**
</span> * @cfg {Ext.data.Store} store
* The {@link Ext.data.Store} the paging toolbar should use as its data source (required).
*/
-<span id='Ext-toolbar.Paging-cfg-displayInfo'> /**
+<span id='Ext-toolbar-Paging-cfg-displayInfo'> /**
</span> * @cfg {Boolean} displayInfo
* <tt>true</tt> to display the displayMsg (defaults to <tt>false</tt>)
*/
displayInfo: false,
-<span id='Ext-toolbar.Paging-cfg-prependButtons'> /**
+<span id='Ext-toolbar-Paging-cfg-prependButtons'> /**
</span> * @cfg {Boolean} prependButtons
* <tt>true</tt> to insert any configured <tt>items</tt> <i>before</i> the paging buttons.
* Defaults to <tt>false</tt>.
*/
prependButtons: false,
-<span id='Ext-toolbar.Paging-cfg-displayMsg'> /**
+<span id='Ext-toolbar-Paging-cfg-displayMsg'> /**
</span> * @cfg {String} displayMsg
* The paging status message to display (defaults to <tt>'Displaying {0} - {1} of {2}'</tt>).
* Note that this string is formatted using the braced numbers <tt>{0}-{2}</tt> as tokens
* be preserved when overriding this string if showing those values is desired.
*/
displayMsg : 'Displaying {0} - {1} of {2}',
-<span id='Ext-toolbar.Paging-cfg-emptyMsg'> /**
+<span id='Ext-toolbar-Paging-cfg-emptyMsg'> /**
</span> * @cfg {String} emptyMsg
* The message to display when no records are found (defaults to 'No data to display')
*/
emptyMsg : 'No data to display',
-<span id='Ext-toolbar.Paging-cfg-beforePageText'> /**
+<span id='Ext-toolbar-Paging-cfg-beforePageText'> /**
</span> * @cfg {String} beforePageText
* The text displayed before the input item (defaults to <tt>'Page'</tt>).
*/
beforePageText : 'Page',
-<span id='Ext-toolbar.Paging-cfg-afterPageText'> /**
+<span id='Ext-toolbar-Paging-cfg-afterPageText'> /**
</span> * @cfg {String} afterPageText
* Customizable piece of the default paging text (defaults to <tt>'of {0}'</tt>). Note that
* this string is formatted using <tt>{0}</tt> as a token that is replaced by the number of
* total page count is desired.
*/
afterPageText : 'of {0}',
-<span id='Ext-toolbar.Paging-cfg-firstText'> /**
+<span id='Ext-toolbar-Paging-cfg-firstText'> /**
</span> * @cfg {String} firstText
* The quicktip text displayed for the first page button (defaults to <tt>'First Page'</tt>).
* <b>Note</b>: quick tips must be initialized for the quicktip to show.
*/
firstText : 'First Page',
-<span id='Ext-toolbar.Paging-cfg-prevText'> /**
+<span id='Ext-toolbar-Paging-cfg-prevText'> /**
</span> * @cfg {String} prevText
* The quicktip text displayed for the previous page button (defaults to <tt>'Previous Page'</tt>).
* <b>Note</b>: quick tips must be initialized for the quicktip to show.
*/
prevText : 'Previous Page',
-<span id='Ext-toolbar.Paging-cfg-nextText'> /**
+<span id='Ext-toolbar-Paging-cfg-nextText'> /**
</span> * @cfg {String} nextText
* The quicktip text displayed for the next page button (defaults to <tt>'Next Page'</tt>).
* <b>Note</b>: quick tips must be initialized for the quicktip to show.
*/
nextText : 'Next Page',
-<span id='Ext-toolbar.Paging-cfg-lastText'> /**
+<span id='Ext-toolbar-Paging-cfg-lastText'> /**
</span> * @cfg {String} lastText
* The quicktip text displayed for the last page button (defaults to <tt>'Last Page'</tt>).
* <b>Note</b>: quick tips must be initialized for the quicktip to show.
*/
lastText : 'Last Page',
-<span id='Ext-toolbar.Paging-cfg-refreshText'> /**
+<span id='Ext-toolbar-Paging-cfg-refreshText'> /**
</span> * @cfg {String} refreshText
* The quicktip text displayed for the Refresh button (defaults to <tt>'Refresh'</tt>).
* <b>Note</b>: quick tips must be initialized for the quicktip to show.
*/
refreshText : 'Refresh',
-<span id='Ext-toolbar.Paging-cfg-inputItemWidth'> /**
+<span id='Ext-toolbar-Paging-cfg-inputItemWidth'> /**
</span> * @cfg {Number} inputItemWidth
* The width in pixels of the input field used to display and change the current page number (defaults to 30).
*/
inputItemWidth : 30,
-<span id='Ext-toolbar.Paging-method-getPagingItems'> /**
+<span id='Ext-toolbar-Paging-method-getPagingItems'> /**
</span> * Gets the standard paging items in the toolbar
* @private
*/
me.callParent();
me.addEvents(
-<span id='Ext-toolbar.Paging-event-change'> /**
+<span id='Ext-toolbar-Paging-event-change'> /**
</span> * @event change
* Fires after the active page has been changed.
* @param {Ext.toolbar.Paging} this
* </ul>
*/
'change',
-<span id='Ext-toolbar.Paging-event-beforechange'> /**
+<span id='Ext-toolbar-Paging-event-beforechange'> /**
</span> * @event beforechange
* Fires just before the active page is changed.
* Return false to prevent the active page from being changed.
total : totalCount,
currentPage : store.currentPage,
pageCount: Math.ceil(totalCount / store.pageSize),
- //pageCount : store.getPageCount(),
fromRecord: ((store.currentPage - 1) * store.pageSize) + 1,
toRecord: Math.min(store.currentPage * store.pageSize, totalCount)
// private
onPagingKeyDown : function(field, e){
- var k = e.getKey(),
- pageData = this.getPageData(),
+ var me = this,
+ k = e.getKey(),
+ pageData = me.getPageData(),
increment = e.shiftKey ? 10 : 1,
- pageNum,
- me = this;
+ pageNum;
if (k == e.RETURN) {
e.stopEvent();
pageNum = me.readPageFromInput(pageData);
if (pageNum !== false) {
- pageNum = Math.min(Math.max(1, pageNum), pageData.total);
+ pageNum = Math.min(Math.max(1, pageNum), pageData.pageCount);
if(me.fireEvent('beforechange', me, pageNum) !== false){
me.store.loadPage(pageNum);
}
}
},
-<span id='Ext-toolbar.Paging-method-moveFirst'> /**
+<span id='Ext-toolbar-Paging-method-moveFirst'> /**
</span> * Move to the first page, has the same effect as clicking the 'first' button.
*/
moveFirst : function(){
- var me = this;
- if(me.fireEvent('beforechange', me, 1) !== false){
- me.store.loadPage(1);
+ if (this.fireEvent('beforechange', this, 1) !== false){
+ this.store.loadPage(1);
}
},
-<span id='Ext-toolbar.Paging-method-movePrevious'> /**
+<span id='Ext-toolbar-Paging-method-movePrevious'> /**
</span> * Move to the previous page, has the same effect as clicking the 'previous' button.
*/
movePrevious : function(){
var me = this,
prev = me.store.currentPage - 1;
- if(me.fireEvent('beforechange', me, prev) !== false){
- me.store.previousPage();
+ if (prev > 0) {
+ if (me.fireEvent('beforechange', me, prev) !== false) {
+ me.store.previousPage();
+ }
}
},
-<span id='Ext-toolbar.Paging-method-moveNext'> /**
+<span id='Ext-toolbar-Paging-method-moveNext'> /**
</span> * Move to the next page, has the same effect as clicking the 'next' button.
*/
moveNext : function(){
- var me = this;
- if(me.fireEvent('beforechange', me, me.store.currentPage + 1) !== false){
- me.store.nextPage();
+ var me = this,
+ total = me.getPageData().pageCount,
+ next = me.store.currentPage + 1;
+
+ if (next <= total) {
+ if (me.fireEvent('beforechange', me, next) !== false) {
+ me.store.nextPage();
+ }
}
},
-<span id='Ext-toolbar.Paging-method-moveLast'> /**
+<span id='Ext-toolbar-Paging-method-moveLast'> /**
</span> * Move to the last page, has the same effect as clicking the 'last' button.
*/
moveLast : function(){
var me = this,
- last = this.getPageData().pageCount;
+ last = me.getPageData().pageCount;
- if(me.fireEvent('beforechange', me, last) !== false){
+ if (me.fireEvent('beforechange', me, last) !== false) {
me.store.loadPage(last);
}
},
-<span id='Ext-toolbar.Paging-method-doRefresh'> /**
+<span id='Ext-toolbar-Paging-method-doRefresh'> /**
</span> * Refresh the current page, has the same effect as clicking the 'refresh' button.
*/
doRefresh : function(){
var me = this,
current = me.store.currentPage;
- if(me.fireEvent('beforechange', me, current) !== false){
+ if (me.fireEvent('beforechange', me, current) !== false) {
me.store.loadPage(current);
}
},
-<span id='Ext-toolbar.Paging-method-bindStore'> /**
+<span id='Ext-toolbar-Paging-method-bindStore'> /**
</span> * Binds the paging toolbar to the specified {@link Ext.data.Store}
* @param {Store} store The store to bind to this toolbar
* @param {Boolean} initial (Optional) true to not remove listeners
me.store = store;
},
-<span id='Ext-toolbar.Paging-method-unbind'> /**
+<span id='Ext-toolbar-Paging-method-unbind'> /**
</span> * Unbinds the paging toolbar from the specified {@link Ext.data.Store} <b>(deprecated)</b>
* @param {Ext.data.Store} store The data store to unbind
*/
this.bindStore(null);
},
-<span id='Ext-toolbar.Paging-method-bind'> /**
+<span id='Ext-toolbar-Paging-method-bind'> /**
</span> * Binds the paging toolbar to the specified {@link Ext.data.Store} <b>(deprecated)</b>
* @param {Ext.data.Store} store The data store to bind
*/
this.callParent();
}
});
-</pre></pre></body></html>
\ No newline at end of file
+</pre>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff