examples/ux/SlidingPager.js

   1 /*!
   2  * Ext JS Library 3.0.3
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.ux.SlidingPager = Ext.extend(Object, {\r
   8     init : function(pbar){\r
   9         Ext.each(pbar.items.getRange(2,6), function(c){\r
  10             c.hide();\r
  11         });\r
  12         var slider = new Ext.Slider({\r
  13             width: 114,\r
  14             minValue: 1,\r
  15             maxValue: 1,\r
  16             plugins: new Ext.ux.SliderTip({\r
  17                 getText : function(s){\r
  18                     return String.format('Page <b>{0}</b> of <b>{1}</b>', s.value, s.maxValue);\r
  19                 }\r
  20             }),\r
  21             listeners: {\r
  22                 changecomplete: function(s, v){\r
  23                     pbar.changePage(v);\r
  24                 }\r
  25             }\r
  26         });\r
  27         pbar.insert(5, slider);\r
  28         pbar.on({\r
  29             change: function(pb, data){\r
  30                 slider.maxValue = data.pages;\r
  31                 slider.setValue(data.activePage);\r
  32             },\r
  33             beforedestroy: function(){\r
  34                 slider.destroy();\r
  35             }\r
  36         });\r
  37     }\r
  38 });