Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / examples / ux / SliderTip.js
diff --git a/examples/ux/SliderTip.js b/examples/ux/SliderTip.js
new file mode 100644 (file)
index 0000000..e06d6a4
--- /dev/null
@@ -0,0 +1,32 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/**\r
+ * @class Ext.ux.SliderTip\r
+ * @extends Ext.Tip\r
+ * Simple plugin for using an Ext.Tip with a slider to show the slider value\r
+ */\r
+Ext.ux.SliderTip = Ext.extend(Ext.Tip, {\r
+    minWidth: 10,\r
+    offsets : [0, -10],\r
+    init : function(slider){\r
+        slider.on('dragstart', this.onSlide, this);\r
+        slider.on('drag', this.onSlide, this);\r
+        slider.on('dragend', this.hide, this);\r
+        slider.on('destroy', this.destroy, this);\r
+    },\r
+\r
+    onSlide : function(slider){\r
+        this.show();\r
+        this.body.update(this.getText(slider));\r
+        this.doAutoWidth();\r
+        this.el.alignTo(slider.thumb, 'b-t?', this.offsets);\r
+    },\r
+\r
+    getText : function(slider){\r
+        return String(slider.getValue());\r
+    }\r
+});\r