X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/examples/slider/slider.js?ds=inline
diff --git a/examples/slider/slider.js b/examples/slider/slider.js
index 34019ba9..fae7e222 100644
--- a/examples/slider/slider.js
+++ b/examples/slider/slider.js
@@ -1,64 +1,84 @@
-/*!
- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
- * 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.require('Ext.slider.*');
+
+Ext.onReady(function(){
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'basic-slider',
+ width: 214,
+ minValue: 0,
+ hideLabel: true,
+ useTips: false,
+ maxValue: 100
+ });
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'increment-slider',
+ hideLabel: true,
+ useTips: false,
+ width: 214,
+ value:50,
+ increment: 10,
+ minValue: 0,
+ maxValue: 100
+ });
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'vertical-slider',
+ hideLabel: true,
+ useTips: false,
+ height: 214,
+ vertical: true,
+ minValue: 0,
+ maxValue: 100
+ });
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'tip-slider',
+ hideLabel: true,
+ width: 214,
+ minValue: 0,
+ maxValue: 100
+ });
+
+
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'custom-tip-slider',
+ hideLabel: true,
+ width: 214,
+ increment: 10,
+ minValue: 0,
+ maxValue: 100,
+ tipText: function(thumb){
+ return Ext.String.format('{0}% complete', thumb.value);
+ }
+ });
+
+ Ext.create('Ext.slider.Single', {
+ renderTo: 'custom-slider',
+ hideLabel: true,
+ width: 214,
+ increment: 10,
+ minValue: 0,
+ maxValue: 100
+ });
+
+ Ext.create('Ext.slider.Multi', {
+ renderTo: 'multi-slider-horizontal',
+ hideLabel: true,
+ width: 214,
+ minValue: 0,
+ maxValue: 100,
+ values: [10, 50, 90]
+ });
+
+ Ext.create('Ext.slider.Multi', {
+ renderTo: 'multi-slider-vertical',
+ hideLabel: true,
+ vertical: true,
+ height: 214,
+ minValue: 0,
+ maxValue: 100,
+ values: [10, 50, 90]
+ });
+});