summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/JuiControls/Samples/TJuiProgressbar/Home.page
blob: 9a6b2ff2acc5b2f9ae440a0eff2e50f95e7b8083 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<com:TContent ID="body">
<h1>TJuiProgressbar Samples</h1>

<table class="sampletable">

<tr><td class="samplenote">
Default options, Max=100, Value=50:
</td><td class="sampleaction">
	<com:TJuiProgressbar
		Options.Max="100"
		Options.Value="50"
	/>
</td></tr>

<tr><td class="samplenote">
Undefined progressbar, Value=false:
</td><td class="sampleaction">
	<com:TJuiProgressbar
		Options.Value="false"
	/>
</td></tr>

<tr><td class="samplenote">
Undefined progresbar, value changed from javascript:
</td><td class="sampleaction">
	<com:TJuiProgressbar
		ID="pbar1"
		Options.Max="100"
		Options.Value="false"
		OnChange="pbar1_changed"
		OnComplete="pbar1_complete"
	/>
	<com:TActiveLabel ID="label1" Text="Waiting.." />
	<com:TButton ID="button1" Text="Start example" Attributes.OnClick="startExample1(); return false" />
	<com:TClientScript>
	function progress() {
		var pbar = $('#<%= $this->pbar1->ClientID %>');
	    var val = pbar.progressbar('value') || 0;
	    pbar.progressbar('value', val + 10);
	    if (val < 99) {
	        setTimeout(progress, 500);
	    }
	}

	function startExample1()
	{
		$('#<%= $this->pbar1->ClientID %>').progressbar('value', false)
		progress();
	}
	</com:TClientScript/>
</td></tr>

<tr><td class="samplenote">
Default options, Max=100, Value=50, value changed during callback:
</td><td class="sampleaction">
  <com:TJuiProgressbar
    ID="pbar2"
    Options.Max="100"
    Options.Value="50"
  />
  <com:TActiveButton ID="button2" Text="-10" OnClick="pbar2_minus" />
  <com:TActiveButton ID="button3" Text="+10" OnClick="pbar2_plus" />
</td></tr>

</table>

</com:TContent>