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