source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.js
@
80
| Revision 76, 1.4 KB checked in by djay, 14 years ago (diff) | |
|---|---|
|
|
| Line | |
|---|---|
| 1 | /** |
| 2 | * Copyright (c) 2008-2009 The Open Source Geospatial Foundation |
| 3 | * |
| 4 | * Published under the BSD license. |
| 5 | * See http://svn.geoext.org/core/trunk/geoext/license.txt for the full text |
| 6 | * of the license. |
| 7 | */ |
| 8 | |
| 9 | Ext.onReady(function(){ |
| 10 | |
| 11 | new Ext.Slider({ |
| 12 | renderTo: "tip-slider", |
| 13 | width: 214, |
| 14 | minValue: 0, |
| 15 | maxValue: 100, |
| 16 | plugins: new GeoExt.SliderTip() |
| 17 | }); |
| 18 | |
| 19 | new Ext.Slider({ |
| 20 | renderTo: "custom-tip-slider", |
| 21 | width: 214, |
| 22 | increment: 10, |
| 23 | minValue: 0, |
| 24 | maxValue: 100, |
| 25 | plugins: new GeoExt.SliderTip({ |
| 26 | getText: function(thumb){ |
| 27 | return String.format("<b>{0}% complete</b>", thumb.value); |
| 28 | } |
| 29 | }) |
| 30 | }); |
| 31 | |
| 32 | new Ext.Slider({ |
| 33 | renderTo: "no-hover-tip", |
| 34 | width: 214, |
| 35 | increment: 10, |
| 36 | minValue: 0, |
| 37 | maxValue: 100, |
| 38 | plugins: new GeoExt.SliderTip({hover: false}) |
| 39 | }); |
| 40 | |
| 41 | new Ext.Slider({ |
| 42 | renderTo: "multi-slider-horizontal", |
| 43 | width : 214, |
| 44 | minValue: 0, |
| 45 | maxValue: 100, |
| 46 | values : [10, 50, 90], |
| 47 | plugins : new GeoExt.SliderTip() |
| 48 | }); |
| 49 | |
| 50 | new Ext.Slider({ |
| 51 | renderTo : "multi-slider-vertical", |
| 52 | vertical : true, |
| 53 | height : 214, |
| 54 | minValue: 0, |
| 55 | maxValue: 100, |
| 56 | values : [10, 50, 90], |
| 57 | plugins : new GeoExt.SliderTip() |
| 58 | }); |
| 59 | }); |
Note: See TracBrowser
for help on using the repository browser.