| 1 |
lars |
1 |
<com:TContent id="body">
|
|
|
2 |
<h1>TSlider Sample</h1>
|
|
|
3 |
|
|
|
4 |
<table class="sampletable">
|
|
|
5 |
|
|
|
6 |
<tr><td class="samplenote">
|
|
|
7 |
Simple horizontal slider, with no progress indicator, with no events handler attached</td><td class="sampleaction">
|
|
|
8 |
<com:TSlider id="slider1" ProgressIndicator="false" Direction="Horizontal"/>
|
|
|
9 |
</td>
|
|
|
10 |
<td class="sampleaction">
|
|
|
11 |
<com:TButton onClick="submit1" Text="Submit"/>
|
|
|
12 |
<com:TLabel id="slider1Result"/>
|
|
|
13 |
</td></tr>
|
|
|
14 |
<tr><td class="samplenote">
|
|
|
15 |
Horizontal slider from -50 to 50, Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, initial value and autopostback=true
|
|
|
16 |
</td><td class="sampleaction">
|
|
|
17 |
<com:TSlider id="slider2" AutoPostBack="true" Direction="Horizontal" Value="0" Enabled="true" MinValue="-50" MaxValue="50" OnValueChanged="slider2Changed">
|
|
|
18 |
<prop:ClientSide.onSlide>
|
|
|
19 |
$('slider2value').innerHTML = value;
|
|
|
20 |
</prop:ClientSide.onSlide>
|
|
|
21 |
</com:TSlider>
|
|
|
22 |
Value : <span id="slider2value"><%=$this->slider2->value%></span>
|
|
|
23 |
</td><td class="sampleaction">
|
|
|
24 |
<com:TLabel id="slider2Result"/>
|
|
|
25 |
</td></tr>
|
|
|
26 |
<tr><td class="samplenote">
|
|
|
27 |
Vertical slider from 0 to 1, Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, StepSize, and no autopostback
|
|
|
28 |
</td><td class="sampleaction">
|
|
|
29 |
<com:TSlider id="slider3" AutoPostBack="false" Direction="Vertical" Enabled="true" MinValue="0" MaxValue="1" StepSize="0.1" OnValueChanged="slider3Changed">
|
|
|
30 |
<prop:ClientSide.onSlide>
|
|
|
31 |
$('slider3value').innerHTML = value;
|
|
|
32 |
</prop:ClientSide.onSlide>
|
|
|
33 |
</com:TSlider>
|
|
|
34 |
Value : <span id="slider3value"><%=$this->slider3->value%></span>
|
|
|
35 |
</td><td class="sampleaction">
|
|
|
36 |
<com:TButton Text="Submit"/>
|
|
|
37 |
<com:TLabel id="slider3Result"/>
|
|
|
38 |
</td></tr>
|
|
|
39 |
</table>
|
|
|
40 |
|
|
|
41 |
</com:TContent>
|