docs/source/SlidingPager.html

   1 <html>
   2 <head>
   3   <title>The source code</title>
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
   6 </head>
   7 <body  onload="prettyPrint();">
   8     <pre class="prettyprint lang-js">Ext.ux.SlidingPager = Ext.extend(Object, {\r
   9     init : function(pbar){\r
  10         Ext.each(pbar.items.getRange(2,6), function(c){\r
  11             c.hide();\r
  12         });\r
  13         var slider = new Ext.Slider({\r
  14             width: 114,\r
  15             minValue: 1,\r
  16             maxValue: 1,\r
  17             plugins: new Ext.ux.SliderTip({\r
  18                 getText : function(s){\r
  19                     return String.format('Page <b>{0}</b> of <b>{1}</b>', s.value, s.maxValue);\r
  20                 }\r
  21             }),\r
  22             listeners: {\r
  23                 changecomplete: function(s, v){\r
  24                     pbar.changePage(v);\r
  25                 }\r
  26             }\r
  27         });\r
  28         pbar.insert(5, slider);\r
  29         pbar.on({\r
  30             change: function(pb, data){\r
  31                 slider.maxValue = data.pages;\r
  32                 slider.setValue(data.activePage);\r
  33             },\r
  34             beforedestroy: function(){\r
  35                 slider.destroy();\r
  36             }\r
  37         });\r
  38     }\r
  39 });</pre>
  40 </body>
  41 </html>