git.roojs.org Git - roojs1/blob - docs/symbols/src/Roo_bootstrap_PagingToolbar.js.html

   1 <html><head><title>../roojs1/Roo/bootstrap/PagingToolbar.js</title><link rel="stylesheet" type="text/css" href="../../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * &lt;script type=&quot;text/javascript&quot;&gt;
  10  */
  11
  12 /**
  13  * @class Roo.bootstrap.PagingToolbar
  14  * @extends Roo.Row
  15  * A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.
  16  * @constructor
  17  * Create a new PagingToolbar
  18  * @param {Object} config The config object
  19  */
  20 </span><span class="jsdoc-var">Roo.bootstrap.PagingToolbar </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">)
  21 {
  22     </span><span class="jsdoc-comment">// old args format still supported... - xtype is prefered..
  23         // created from xtype...
  24     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.dataSource</span><span class="jsdoc-syntax">;
  25     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">items </span><span class="jsdoc-syntax">= [];
  26     </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config.items</span><span class="jsdoc-syntax">) {
  27         </span><span class="jsdoc-var">items </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">config.items</span><span class="jsdoc-syntax">;
  28         </span><span class="jsdoc-var">config.items </span><span class="jsdoc-syntax">= [];
  29     }
  30
  31     </span><span class="jsdoc-var">Roo.bootstrap.PagingToolbar.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  32     </span><span class="jsdoc-var">this.ds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">;
  33     </span><span class="jsdoc-var">this.cursor </span><span class="jsdoc-syntax">= 0;
  34     </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">) {
  35         </span><span class="jsdoc-var">this.bind</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">);
  36     }
  37
  38     </span><span class="jsdoc-var">this.navgroup </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.bootstrap.NavGroup</span><span class="jsdoc-syntax">({ </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'pagination' </span><span class="jsdoc-syntax">});
  39
  40     </span><span class="jsdoc-comment">// supprot items array.
  41
  42     </span><span class="jsdoc-var">Roo.each</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">items</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">) {
  43         </span><span class="jsdoc-var">this.add</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.factory</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">));
  44     },</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
  45
  46
  47
  48
  49
  50 };
  51
  52 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.PagingToolbar</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.NavSimplebar</span><span class="jsdoc-syntax">, {
  53     </span><span class="jsdoc-comment">/**
  54      * @cfg {Roo.data.Store} dataSource
  55      * The underlying data store providing the paged data
  56      */
  57     /**
  58      * @cfg {String/HTMLElement/Element} container
  59      * container The id or element that will contain the toolbar
  60      */
  61     /**
  62      * @cfg {Boolean} displayInfo
  63      * True to display the displayMsg (defaults to false)
  64      */
  65     /**
  66      * @cfg {Number} pageSize
  67      * The number of records to display per page (defaults to 20)
  68      */
  69     </span><span class="jsdoc-var">pageSize</span><span class="jsdoc-syntax">: 20,
  70     </span><span class="jsdoc-comment">/**
  71      * @cfg {String} displayMsg
  72      * The paging status message to display (defaults to &quot;Displaying {start} - {end} of {total}&quot;)
  73      */
  74     </span><span class="jsdoc-var">displayMsg </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Displaying {0} - {1} of {2}'</span><span class="jsdoc-syntax">,
  75     </span><span class="jsdoc-comment">/**
  76      * @cfg {String} emptyMsg
  77      * The message to display when no records are found (defaults to &quot;No data to display&quot;)
  78      */
  79     </span><span class="jsdoc-var">emptyMsg </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'No data to display'</span><span class="jsdoc-syntax">,
  80     </span><span class="jsdoc-comment">/**
  81      * Customizable piece of the default paging text (defaults to &quot;Page&quot;)
  82      * @type String
  83      */
  84     </span><span class="jsdoc-var">beforePageText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;Page&quot;</span><span class="jsdoc-syntax">,
  85     </span><span class="jsdoc-comment">/**
  86      * Customizable piece of the default paging text (defaults to &quot;of %0&quot;)
  87      * @type String
  88      */
  89     </span><span class="jsdoc-var">afterPageText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;of {0}&quot;</span><span class="jsdoc-syntax">,
  90     </span><span class="jsdoc-comment">/**
  91      * Customizable piece of the default paging text (defaults to &quot;First Page&quot;)
  92      * @type String
  93      */
  94     </span><span class="jsdoc-var">firstText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;First Page&quot;</span><span class="jsdoc-syntax">,
  95     </span><span class="jsdoc-comment">/**
  96      * Customizable piece of the default paging text (defaults to &quot;Previous Page&quot;)
  97      * @type String
  98      */
  99     </span><span class="jsdoc-var">prevText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;Previous Page&quot;</span><span class="jsdoc-syntax">,
 100     </span><span class="jsdoc-comment">/**
 101      * Customizable piece of the default paging text (defaults to &quot;Next Page&quot;)
 102      * @type String
 103      */
 104     </span><span class="jsdoc-var">nextText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;Next Page&quot;</span><span class="jsdoc-syntax">,
 105     </span><span class="jsdoc-comment">/**
 106      * Customizable piece of the default paging text (defaults to &quot;Last Page&quot;)
 107      * @type String
 108      */
 109     </span><span class="jsdoc-var">lastText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;Last Page&quot;</span><span class="jsdoc-syntax">,
 110     </span><span class="jsdoc-comment">/**
 111      * Customizable piece of the default paging text (defaults to &quot;Refresh&quot;)
 112      * @type String
 113      */
 114     </span><span class="jsdoc-var">refreshText </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;Refresh&quot;</span><span class="jsdoc-syntax">,
 115
 116     </span><span class="jsdoc-comment">// private
 117     </span><span class="jsdoc-var">onRender </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">)
 118     {
 119         </span><span class="jsdoc-var">Roo.bootstrap.PagingToolbar.superclass.onRender.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">);
 120         </span><span class="jsdoc-var">this.navgroup.parentId </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.id</span><span class="jsdoc-syntax">;
 121         </span><span class="jsdoc-var">this.navgroup.onRender</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">);
 122         </span><span class="jsdoc-comment">// add the buttons to the navgroup
 123
 124         </span><span class="jsdoc-var">this.first </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">({
 125             </span><span class="jsdoc-var">tooltip</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.firstText</span><span class="jsdoc-syntax">,
 126             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;prev&quot;</span><span class="jsdoc-syntax">,
 127             </span><span class="jsdoc-var">icon </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'fa fa-backward'</span><span class="jsdoc-syntax">,
 128             </span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 129             </span><span class="jsdoc-var">listeners </span><span class="jsdoc-syntax">: { </span><span class="jsdoc-var">click </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.onClick.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;first&quot;</span><span class="jsdoc-syntax">]) }
 130         });
 131
 132         </span><span class="jsdoc-var">this.prev </span><span class="jsdoc-syntax">=  </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">({
 133             </span><span class="jsdoc-var">tooltip</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.prevText</span><span class="jsdoc-syntax">,
 134             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;prev&quot;</span><span class="jsdoc-syntax">,
 135             </span><span class="jsdoc-var">icon </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'fa fa-step-backward'</span><span class="jsdoc-syntax">,
 136             </span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 137             </span><span class="jsdoc-var">listeners </span><span class="jsdoc-syntax">: { </span><span class="jsdoc-var">click </span><span class="jsdoc-syntax">:  </span><span class="jsdoc-var">this.onClick.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;prev&quot;</span><span class="jsdoc-syntax">]) }
 138         });
 139     </span><span class="jsdoc-comment">//this.addSeparator();
 140
 141
 142         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">field </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">( {
 143             </span><span class="jsdoc-var">tagtype </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'span'</span><span class="jsdoc-syntax">,
 144             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'x-paging-position'</span><span class="jsdoc-syntax">,
 145
 146             </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.beforePageText  </span><span class="jsdoc-syntax">+
 147                 </span><span class="jsdoc-string">'&lt;input type=&quot;text&quot; size=&quot;3&quot; value=&quot;1&quot; class=&quot;x-grid-page-number&quot;&gt;' </span><span class="jsdoc-syntax">+
 148                 </span><span class="jsdoc-string">'&lt;span class=&quot;x-paging-after&quot;&gt;' </span><span class="jsdoc-syntax">+  </span><span class="jsdoc-var">String.format</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.afterPageText</span><span class="jsdoc-syntax">, 1) + </span><span class="jsdoc-string">'&lt;/span&gt;'
 149          </span><span class="jsdoc-syntax">} ); </span><span class="jsdoc-comment">//?? escaped?
 150
 151         </span><span class="jsdoc-var">this.field </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">field.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'input'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
 152         </span><span class="jsdoc-var">this.field.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;keydown&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onPagingKeydown</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 153         </span><span class="jsdoc-var">this.field.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;focus&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){</span><span class="jsdoc-var">this.dom.select</span><span class="jsdoc-syntax">();});
 154
 155
 156         </span><span class="jsdoc-var">this.afterTextEl </span><span class="jsdoc-syntax">=  </span><span class="jsdoc-var">field.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.x-paging-after'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
 157         </span><span class="jsdoc-comment">//this.field.setHeight(18);
 158         //this.addSeparator();
 159         </span><span class="jsdoc-var">this.next </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">({
 160             </span><span class="jsdoc-var">tooltip</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.nextText</span><span class="jsdoc-syntax">,
 161             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;next&quot;</span><span class="jsdoc-syntax">,
 162             </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">' &lt;i class=&quot;fa fa-step-forward&quot;&gt;'</span><span class="jsdoc-syntax">,
 163             </span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 164             </span><span class="jsdoc-var">listeners </span><span class="jsdoc-syntax">: { </span><span class="jsdoc-var">click </span><span class="jsdoc-syntax">:  </span><span class="jsdoc-var">this.onClick.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;next&quot;</span><span class="jsdoc-syntax">]) }
 165         });
 166         </span><span class="jsdoc-var">this.last </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">({
 167             </span><span class="jsdoc-var">tooltip</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.lastText</span><span class="jsdoc-syntax">,
 168             </span><span class="jsdoc-var">icon </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'fa fa-forward'</span><span class="jsdoc-syntax">,
 169             </span><span class="jsdoc-var">cls</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;next&quot;</span><span class="jsdoc-syntax">,
 170             </span><span class="jsdoc-var">disabled</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">,
 171             </span><span class="jsdoc-var">listeners </span><span class="jsdoc-syntax">: { </span><span class="jsdoc-var">click </span><span class="jsdoc-syntax">:  </span><span class="jsdoc-var">this.onClick.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;last&quot;</span><span class="jsdoc-syntax">]) }
 172         });
 173     </span><span class="jsdoc-comment">//this.addSeparator();
 174         </span><span class="jsdoc-var">this.loading </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">({
 175             </span><span class="jsdoc-var">tooltip</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.refreshText</span><span class="jsdoc-syntax">,
 176             </span><span class="jsdoc-var">icon</span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'fa fa-refresh'</span><span class="jsdoc-syntax">,
 177
 178             </span><span class="jsdoc-var">listeners </span><span class="jsdoc-syntax">: { </span><span class="jsdoc-var">click </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.onClick.createDelegate</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, [</span><span class="jsdoc-string">&quot;refresh&quot;</span><span class="jsdoc-syntax">]) }
 179         });
 180
 181         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.displayInfo</span><span class="jsdoc-syntax">){
 182             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">navel </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.navgroup.addItem</span><span class="jsdoc-syntax">( { </span><span class="jsdoc-var">tagtype </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'span'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">html </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">''</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'x-paging-info' </span><span class="jsdoc-syntax">} );
 183             </span><span class="jsdoc-var">this.displayEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">navel.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'a'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
 184         }
 185
 186     },
 187
 188     </span><span class="jsdoc-comment">// private
 189     </span><span class="jsdoc-var">updateInfo </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 190         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.displayEl</span><span class="jsdoc-syntax">){
 191             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">count </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.ds.getCount</span><span class="jsdoc-syntax">();
 192             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">msg </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">count </span><span class="jsdoc-syntax">== 0 ?
 193                 </span><span class="jsdoc-var">this.emptyMsg </span><span class="jsdoc-syntax">:
 194                 </span><span class="jsdoc-var">String.format</span><span class="jsdoc-syntax">(
 195                     </span><span class="jsdoc-var">this.displayMsg</span><span class="jsdoc-syntax">,
 196                     </span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">+1, </span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">count</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.ds.getTotalCount</span><span class="jsdoc-syntax">()
 197                 );
 198             </span><span class="jsdoc-var">this.displayEl.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">msg</span><span class="jsdoc-syntax">);
 199         }
 200     },
 201
 202     </span><span class="jsdoc-comment">// private
 203     </span><span class="jsdoc-var">onLoad </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">o</span><span class="jsdoc-syntax">){
 204        </span><span class="jsdoc-var">this.cursor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">o.params </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">o.params.start </span><span class="jsdoc-syntax">: 0;
 205        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">d </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPageData</span><span class="jsdoc-syntax">(),
 206             </span><span class="jsdoc-var">ap </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.activePage</span><span class="jsdoc-syntax">,
 207             </span><span class="jsdoc-var">ps </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">;
 208
 209        </span><span class="jsdoc-var">this.afterTextEl.dom.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">String.format</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.afterPageText</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">);
 210        </span><span class="jsdoc-var">this.field.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ap</span><span class="jsdoc-syntax">;
 211        </span><span class="jsdoc-var">this.first.setDisabled</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ap </span><span class="jsdoc-syntax">== 1);
 212        </span><span class="jsdoc-var">this.prev.setDisabled</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ap </span><span class="jsdoc-syntax">== 1);
 213        </span><span class="jsdoc-var">this.next.setDisabled</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ap </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">ps</span><span class="jsdoc-syntax">);
 214        </span><span class="jsdoc-var">this.last.setDisabled</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ap </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">ps</span><span class="jsdoc-syntax">);
 215        </span><span class="jsdoc-var">this.loading.enable</span><span class="jsdoc-syntax">();
 216        </span><span class="jsdoc-var">this.updateInfo</span><span class="jsdoc-syntax">();
 217     },
 218
 219     </span><span class="jsdoc-comment">// private
 220     </span><span class="jsdoc-var">getPageData </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 221         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.ds.getTotalCount</span><span class="jsdoc-syntax">();
 222         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
 223             </span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">total</span><span class="jsdoc-syntax">,
 224             </span><span class="jsdoc-var">activePage </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.ceil</span><span class="jsdoc-syntax">((</span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">)/</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">),
 225             </span><span class="jsdoc-var">pages </span><span class="jsdoc-syntax">:  </span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">this.pageSize </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.ceil</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">total</span><span class="jsdoc-syntax">/</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">)
 226         };
 227     },
 228
 229     </span><span class="jsdoc-comment">// private
 230     </span><span class="jsdoc-var">onLoadError </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 231         </span><span class="jsdoc-var">this.loading.enable</span><span class="jsdoc-syntax">();
 232     },
 233
 234     </span><span class="jsdoc-comment">// private
 235     </span><span class="jsdoc-var">onPagingKeydown </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
 236         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">e.getKey</span><span class="jsdoc-syntax">();
 237         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">d </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPageData</span><span class="jsdoc-syntax">();
 238         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.RETURN</span><span class="jsdoc-syntax">){
 239             </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">v </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.field.dom.value</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">pageNum</span><span class="jsdoc-syntax">;
 240             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">v </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, 10))){
 241                 </span><span class="jsdoc-var">this.field.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.activePage</span><span class="jsdoc-syntax">;
 242                 </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 243             }
 244             </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">pageNum</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">) - 1;
 245             </span><span class="jsdoc-var">this.ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 246             </span><span class="jsdoc-var">e.stopEvent</span><span class="jsdoc-syntax">();
 247         }
 248         </span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.HOME </span><span class="jsdoc-syntax">|| (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.UP </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEUP </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.RIGHT </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.END </span><span class="jsdoc-syntax">|| (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.DOWN </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.LEFT </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEDOWN </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">))
 249         {
 250           </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.HOME </span><span class="jsdoc-syntax">|| (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.DOWN </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.LEFT </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">) || (</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEDOWN </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">e.ctrlKey</span><span class="jsdoc-syntax">)) ? 1 : </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">;
 251           </span><span class="jsdoc-var">this.field.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">pageNum</span><span class="jsdoc-syntax">;
 252           </span><span class="jsdoc-var">this.ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">- 1) * </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 253           </span><span class="jsdoc-var">e.stopEvent</span><span class="jsdoc-syntax">();
 254         }
 255         </span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.UP </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.RIGHT </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEUP </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.DOWN </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.LEFT </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEDOWN</span><span class="jsdoc-syntax">)
 256         {
 257           </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">v </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.field.dom.value</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">pageNum</span><span class="jsdoc-syntax">;
 258           </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">increment </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">e.shiftKey</span><span class="jsdoc-syntax">) ? 10 : 1;
 259           </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.DOWN </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.LEFT </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">k </span><span class="jsdoc-syntax">== </span><span class="jsdoc-var">e.PAGEDOWN</span><span class="jsdoc-syntax">)
 260             </span><span class="jsdoc-var">increment </span><span class="jsdoc-syntax">*= -1;
 261           </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">v </span><span class="jsdoc-syntax">|| </span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, 10))) {
 262             </span><span class="jsdoc-var">this.field.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">d.activePage</span><span class="jsdoc-syntax">;
 263             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 264           }
 265           </span><span class="jsdoc-keyword">else if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, 10) + </span><span class="jsdoc-var">increment </span><span class="jsdoc-syntax">&gt;= 1 &amp; </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, 10) + </span><span class="jsdoc-var">increment </span><span class="jsdoc-syntax">&lt;= </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">)
 266           {
 267             </span><span class="jsdoc-var">this.field.dom.value </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">parseInt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, 10) + </span><span class="jsdoc-var">increment</span><span class="jsdoc-syntax">;
 268             </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">increment</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">d.pages</span><span class="jsdoc-syntax">) - 1;
 269             </span><span class="jsdoc-var">this.ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">pageNum </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 270           }
 271           </span><span class="jsdoc-var">e.stopEvent</span><span class="jsdoc-syntax">();
 272         }
 273     },
 274
 275     </span><span class="jsdoc-comment">// private
 276     </span><span class="jsdoc-var">beforeLoad </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 277         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.loading</span><span class="jsdoc-syntax">){
 278             </span><span class="jsdoc-var">this.loading.disable</span><span class="jsdoc-syntax">();
 279         }
 280     },
 281
 282     </span><span class="jsdoc-comment">// private
 283     </span><span class="jsdoc-var">onClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">which</span><span class="jsdoc-syntax">){
 284         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.ds</span><span class="jsdoc-syntax">;
 285         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">) {
 286             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
 287         }
 288         </span><span class="jsdoc-keyword">switch</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">which</span><span class="jsdoc-syntax">){
 289             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;first&quot;</span><span class="jsdoc-syntax">:
 290                 </span><span class="jsdoc-var">ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: 0, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 291             </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 292             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;prev&quot;</span><span class="jsdoc-syntax">:
 293                 </span><span class="jsdoc-var">ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">-</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">), </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 294             </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 295             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;next&quot;</span><span class="jsdoc-syntax">:
 296                 </span><span class="jsdoc-var">ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">+</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 297             </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 298             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;last&quot;</span><span class="jsdoc-syntax">:
 299                 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ds.getTotalCount</span><span class="jsdoc-syntax">();
 300                 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">extra </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">% </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">;
 301                 </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">lastStart </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">extra </span><span class="jsdoc-syntax">? (</span><span class="jsdoc-var">total </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">extra</span><span class="jsdoc-syntax">) : </span><span class="jsdoc-var">total</span><span class="jsdoc-syntax">-</span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">;
 302                 </span><span class="jsdoc-var">ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">lastStart</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 303             </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 304             </span><span class="jsdoc-keyword">case </span><span class="jsdoc-string">&quot;refresh&quot;</span><span class="jsdoc-syntax">:
 305                 </span><span class="jsdoc-var">ds.load</span><span class="jsdoc-syntax">({</span><span class="jsdoc-var">params</span><span class="jsdoc-syntax">:{</span><span class="jsdoc-var">start</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.cursor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">limit</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.pageSize</span><span class="jsdoc-syntax">}});
 306             </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 307         }
 308     },
 309
 310     </span><span class="jsdoc-comment">/**
 311      * Unbinds the paging toolbar from the specified {@link Roo.data.Store}
 312      * @param {Roo.data.Store} store The data store to unbind
 313      */
 314     </span><span class="jsdoc-var">unbind </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">){
 315         </span><span class="jsdoc-var">ds.un</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;beforeload&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.beforeLoad</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 316         </span><span class="jsdoc-var">ds.un</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;load&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onLoad</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 317         </span><span class="jsdoc-var">ds.un</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;loadexception&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onLoadError</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 318         </span><span class="jsdoc-var">ds.un</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;remove&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.updateInfo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 319         </span><span class="jsdoc-var">ds.un</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;add&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.updateInfo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 320         </span><span class="jsdoc-var">this.ds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">undefined</span><span class="jsdoc-syntax">;
 321     },
 322
 323     </span><span class="jsdoc-comment">/**
 324      * Binds the paging toolbar to the specified {@link Roo.data.Store}
 325      * @param {Roo.data.Store} store The data store to bind
 326      */
 327     </span><span class="jsdoc-var">bind </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">){
 328         </span><span class="jsdoc-var">ds.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;beforeload&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.beforeLoad</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 329         </span><span class="jsdoc-var">ds.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;load&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onLoad</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 330         </span><span class="jsdoc-var">ds.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;loadexception&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onLoadError</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 331         </span><span class="jsdoc-var">ds.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;remove&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.updateInfo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 332         </span><span class="jsdoc-var">ds.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;add&quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.updateInfo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
 333         </span><span class="jsdoc-var">this.ds </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">ds</span><span class="jsdoc-syntax">;
 334     }
 335 });</span></code></body></html>