Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / SliderTip.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"><div id="cls-Ext.ux.SliderTip"></div>/**\r
9  * @class Ext.ux.SliderTip\r
10  * @extends Ext.Tip\r
11  * Simple plugin for using an Ext.Tip with a slider to show the slider value\r
12  */\r
13 Ext.ux.SliderTip = Ext.extend(Ext.Tip, {\r
14     minWidth: 10,\r
15     offsets : [0, -10],\r
16     init : function(slider){\r
17         slider.on('dragstart', this.onSlide, this);\r
18         slider.on('drag', this.onSlide, this);\r
19         slider.on('dragend', this.hide, this);\r
20         slider.on('destroy', this.destroy, this);\r
21     },\r
22 \r
23     onSlide : function(slider){\r
24         this.show();\r
25         this.body.update(this.getText(slider));\r
26         this.doAutoWidth();\r
27         this.el.alignTo(slider.thumb, 'b-t?', this.offsets);\r
28     },\r
29 \r
30     getText : function(slider){\r
31         return String(slider.getValue());\r
32     }\r
33 });\r
34 </pre>    \r
35 </body>\r
36 </html>