docs/source/SliderTip.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"><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>
  35 </body>
  36 </html>