git.ithinksw.org
/
extjs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git]
/
examples
/
slider
/
slider.js
diff --git
a/examples/slider/slider.js
b/examples/slider/slider.js
index
d24ae71
..
fae7e22
100644
(file)
--- 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(){
Ext.onReady(function(){
-
new Ext.Slider(
{
+
Ext.create('Ext.slider.Single',
{
renderTo: 'basic-slider',
width: 214,
minValue: 0,
renderTo: 'basic-slider',
width: 214,
minValue: 0,
+ hideLabel: true,
+ useTips: false,
maxValue: 100
});
maxValue: 100
});
-
new Ext.Slider(
{
+
Ext.create('Ext.slider.Single',
{
renderTo: 'increment-slider',
renderTo: 'increment-slider',
+ hideLabel: true,
+ useTips: false,
width: 214,
value:50,
increment: 10,
width: 214,
value:50,
increment: 10,
@@
-22,62
+22,63
@@
Ext.onReady(function(){
maxValue: 100
});
maxValue: 100
});
-
new Ext.Slider(
{
+
Ext.create('Ext.slider.Single',
{
renderTo: 'vertical-slider',
renderTo: 'vertical-slider',
+ hideLabel: true,
+ useTips: false,
height: 214,
vertical: true,
minValue: 0,
maxValue: 100
});
height: 214,
vertical: true,
minValue: 0,
maxValue: 100
});
-
new Ext.Slider(
{
+
Ext.create('Ext.slider.Single',
{
renderTo: 'tip-slider',
renderTo: 'tip-slider',
+ hideLabel: true,
width: 214,
minValue: 0,
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('<b>{0}% complete</b>', thumb.value);
- }
- });
- new Ext.Slider({
+
+ Ext.create('Ext.slider.Single', {
renderTo: 'custom-tip-slider',
renderTo: 'custom-tip-slider',
+ hideLabel: true,
width: 214,
increment: 10,
minValue: 0,
maxValue: 100,
width: 214,
increment: 10,
minValue: 0,
maxValue: 100,
- plugins: tip
+ tipText: function(thumb){
+ return Ext.String.format('<b>{0}% complete</b>', thumb.value);
+ }
});
});
-
new Ext.Slider(
{
+
Ext.create('Ext.slider.Single',
{
renderTo: 'custom-slider',
renderTo: 'custom-slider',
+ hideLabel: true,
width: 214,
increment: 10,
minValue: 0,
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',
renderTo: 'multi-slider-horizontal',
- width : 214,
+ hideLabel: true,
+ width: 214,
minValue: 0,
maxValue: 100,
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,
minValue: 0,
maxValue: 100,
- values : [10, 50, 90],
- plugins : new Ext.slider.Tip()
+ values: [10, 50, 90]
});
});
});
});