source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.js
@
78
Revision 76, 1.4 KB checked in by djay, 13 years ago (diff) | |
---|---|
|
Rev | Line | |
---|---|---|
[76] | 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.