blob: 6e8b8a1e6fad4be6fa630d99a7461012b425a9a4 (
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
|
<com:TForm ID="form1">
<h1>TCallbackOptions Test</h1>
<com:TCallbackOptions ID="options1">
<prop:ClientSide.OnLoading>
$("status").show();
</prop:ClientSide.OnLoading>
<prop:ClientSide.OnComplete>
$("status").hide();
</prop:ClientSide.OnComplete>
<prop:ClientSide.OnSuccess>
Element.update("label1", "Button 1 has returned");
</prop:ClientSide.OnSuccess>
</com:TCallbackOptions>
<com:TActiveButton id="button1" Text="Button 1" ActiveControl.CallbackOptions="options1" />
<com:TActiveButton id="button2" Text="Button 2" ActiveControl.CallbackOptions="options1">
<prop:ActiveControl.ClientSide.OnSuccess>
Element.update("label2", "Button 2 has returned");
</prop:ActiveControl.ClientSide.OnSuccess>
</com:TActiveButton>
<com:TActiveButton id="button3" Text="Button 3">
<prop:ActiveControl.ClientSide.OnSuccess>
Element.update("label3", "Button 3 has returned");
</prop:ActiveControl.ClientSide.OnSuccess>
</com:TActiveButton>
<div id="label1">Label 1</div>
<div id="label2">Label 2</div>
<div id="label3">Label 3</div>
<div id="status" style="display:none; background-color: #c00; color:white; text-align:center; padding: 1em" >
Loading...
</div>
</com:TForm>
|
