-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-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
-});
\ No newline at end of file
+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('<b>{0}% complete</b>', 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]
+ });
+});