X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..530ef4b6c5b943cfa68b779d11cf7de29aa878bf:/examples/slider/slider.js?ds=sidebyside
diff --git a/examples/slider/slider.js b/examples/slider/slider.js
index 8f60db44..304ddcdb 100644
--- a/examples/slider/slider.js
+++ b/examples/slider/slider.js
@@ -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(){
-
- 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.ux.SliderTip()
- });
-
- var tip = new Ext.ux.SliderTip({
- getText: function(slider){
- return String.format('{0}% complete', slider.getValue());
- }
- });
-
- 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.ux.SliderTip()
- });
-});
+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('{0}% complete', 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()
+ });
+});