X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/slider/slider.js diff --git a/examples/slider/slider.js b/examples/slider/slider.js index f5d019b4..fae7e222 100644 --- a/examples/slider/slider.js +++ b/examples/slider/slider.js @@ -1,20 +1,20 @@ -/*! - * Ext JS Library 3.2.0 - * 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] }); });