examples/slider/SliderTip.js

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 \r
  10 /**\r
  11  * @class Ext.ux.SliderTip\r
  12  * @extends Ext.Tip\r
  13  * Simple plugin for using an Ext.Tip with a slider to show the slider value\r
  14  */\r
  15 Ext.ux.SliderTip = Ext.extend(Ext.Tip, {\r
  16     minWidth: 10,\r
  17     offsets : [0, -10],\r
  18     init : function(slider){\r
  19         slider.on('dragstart', this.onSlide, this);\r
  20         slider.on('drag', this.onSlide, this);\r
  21         slider.on('dragend', this.hide, this);\r
  22         slider.on('destroy', this.destroy, this);\r
  23     },\r
  24 \r
  25     onSlide : function(slider){\r
  26         this.show();\r
  27         this.body.update(this.getText(slider));\r
  28         this.doAutoWidth();\r
  29         this.el.alignTo(slider.thumb, 'b-t?', this.offsets);\r
  30     },\r
  31 \r
  32     getText : function(slider){\r
  33         return slider.getValue();\r
  34     }\r
  35 });