Upgrade to ExtJS 3.2.1 - Released 04/27/2010
[extjs.git] / examples / slider / slider.js
index 8f60db4..304ddcd 100644 (file)
@@ -1,64 +1,83 @@
 /*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-Ext.onReady(function(){\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'basic-slider',\r
-        width: 214,\r
-        minValue: 0,\r
-        maxValue: 100\r
-    });\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'increment-slider',\r
-        width: 214,\r
-        value:50,\r
-        increment: 10,\r
-        minValue: 0,\r
-        maxValue: 100\r
-    });\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'vertical-slider',\r
-        height: 214,\r
-        vertical: true,\r
-        minValue: 0,\r
-        maxValue: 100\r
-    });\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'tip-slider',\r
-        width: 214,\r
-        minValue: 0,\r
-        maxValue: 100,\r
-        plugins: new Ext.ux.SliderTip()\r
-    });\r
-\r
-    var tip = new Ext.ux.SliderTip({\r
-        getText: function(slider){\r
-            return String.format('<b>{0}% complete</b>', slider.getValue());\r
-        }\r
-    });\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'custom-tip-slider',\r
-        width: 214,\r
-        increment: 10,\r
-        minValue: 0,\r
-        maxValue: 100,\r
-        plugins: tip\r
-    });\r
-\r
-    new Ext.Slider({\r
-        renderTo: 'custom-slider',\r
-        width: 214,\r
-        increment: 10,\r
-        minValue: 0,\r
-        maxValue: 100,\r
-        plugins: new Ext.ux.SliderTip()\r
-    });\r
-});\r
+Ext.onReady(function(){
+
+    new Ext.Slider({
+        renderTo: 'basic-slider',
+        width: 214,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'increment-slider',
+        width: 214,
+        value:50,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'vertical-slider',
+        height: 214,
+        vertical: true,
+        minValue: 0,
+        maxValue: 100
+    });
+
+    new Ext.Slider({
+        renderTo: 'tip-slider',
+        width: 214,
+        minValue: 0,
+        maxValue: 100,
+        plugins: new Ext.slider.Tip()
+    });
+
+    var tip = new Ext.slider.Tip({
+        getText: function(thumb){
+            return String.format('<b>{0}% complete</b>', thumb.value);
+        }
+    });
+
+    new Ext.Slider({
+        renderTo: 'custom-tip-slider',
+        width: 214,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100,
+        plugins: tip
+    });
+
+    new Ext.Slider({
+        renderTo: 'custom-slider',
+        width: 214,
+        increment: 10,
+        minValue: 0,
+        maxValue: 100,
+        plugins: new Ext.slider.Tip()
+    });
+    
+    new Ext.Slider({
+        renderTo: 'multi-slider-horizontal',
+        width   : 214,
+        minValue: 0,
+        maxValue: 100,
+        values  : [10, 50, 90],
+        plugins : new Ext.slider.Tip()
+    });
+    
+    new Ext.Slider({
+        renderTo : 'multi-slider-vertical',
+        vertical : true,
+        height   : 214,
+        minValue: 0,
+        maxValue: 100,
+        values  : [10, 50, 90],
+        plugins : new Ext.slider.Tip()
+    });
+});