Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / SlidingPager.html
1 <html>\r
2 <head>\r
3   <title>The source code</title>\r
4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
6 </head>\r
7 <body  onload="prettyPrint();">\r
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>    \r
40 </body>\r
41 </html>