source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/slidertip.js
@
76
Revision 76, 1.4 KB checked in by djay, 13 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.