X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/b37ceabb82336ee82757cd32efe353cfab8ec267..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/slider/slider.js?ds=inline
diff --git a/examples/slider/slider.js b/examples/slider/slider.js
index d24ae711..fae7e222 100644
--- a/examples/slider/slider.js
+++ b/examples/slider/slider.js
@@ -1,20 +1,20 @@
-/*!
- * Ext JS Library 3.2.2
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
+Ext.require('Ext.slider.*');
+
Ext.onReady(function(){
- new Ext.Slider({
+ Ext.create('Ext.slider.Single', {
renderTo: 'basic-slider',
width: 214,
minValue: 0,
+ hideLabel: true,
+ useTips: false,
maxValue: 100
});
- new Ext.Slider({
+ Ext.create('Ext.slider.Single', {
renderTo: 'increment-slider',
+ hideLabel: true,
+ useTips: false,
width: 214,
value:50,
increment: 10,
@@ -22,62 +22,63 @@ Ext.onReady(function(){
maxValue: 100
});
- new Ext.Slider({
+ Ext.create('Ext.slider.Single', {
renderTo: 'vertical-slider',
+ hideLabel: true,
+ useTips: false,
height: 214,
vertical: true,
minValue: 0,
maxValue: 100
});
- new Ext.Slider({
+ Ext.create('Ext.slider.Single', {
renderTo: 'tip-slider',
+ hideLabel: true,
width: 214,
minValue: 0,
- maxValue: 100,
- plugins: new Ext.slider.Tip()
+ maxValue: 100
});
- var tip = new Ext.slider.Tip({
- getText: function(thumb){
- return String.format('{0}% complete', thumb.value);
- }
- });
- new Ext.Slider({
+
+ Ext.create('Ext.slider.Single', {
renderTo: 'custom-tip-slider',
+ hideLabel: true,
width: 214,
increment: 10,
minValue: 0,
maxValue: 100,
- plugins: tip
+ tipText: function(thumb){
+ return Ext.String.format('{0}% complete', thumb.value);
+ }
});
- new Ext.Slider({
+ Ext.create('Ext.slider.Single', {
renderTo: 'custom-slider',
+ hideLabel: true,
width: 214,
increment: 10,
minValue: 0,
- maxValue: 100,
- plugins: new Ext.slider.Tip()
+ maxValue: 100
});
- new Ext.Slider({
+ Ext.create('Ext.slider.Multi', {
renderTo: 'multi-slider-horizontal',
- width : 214,
+ hideLabel: true,
+ width: 214,
minValue: 0,
maxValue: 100,
- values : [10, 50, 90],
- plugins : new Ext.slider.Tip()
+ values: [10, 50, 90]
});
- new Ext.Slider({
- renderTo : 'multi-slider-vertical',
- vertical : true,
- height : 214,
+ Ext.create('Ext.slider.Multi', {
+ renderTo: 'multi-slider-vertical',
+ hideLabel: true,
+ vertical: true,
+ height: 214,
minValue: 0,
maxValue: 100,
- values : [10, 50, 90],
- plugins : new Ext.slider.Tip()
+ values: [10, 50, 90]
});
});