Template file: Home.page
Class file: Home.php

/ActiveControls/Samples/TCallback/Home.page

<com:TContent ID="body">

<h1>TCallback Samples</h1>

<table class="sampletable">

<tr><td class="samplenote">
An active label text being set as the result of a callback:
</td><td class="sampleaction">

<com:TCallback ID="callback1" OnCallback="callback1_Requested" />
<script type="text/javascript">
  function do_callback1()
  {
    var request = <%= $this->callback1->ActiveControl->Javascript %>;
    request.dispatch();
  }
</script>
<div onclick="do_callback1()" style="background-color:red;border: 1px solid black">Click Me!</div>
<br/><com:TActiveLabel Text="This is a label" ID="label1"
/>

<br/><com:TActiveButton
	Text="reset example"
	OnClick="buttonClicked"
/>
</td></tr>

<tr><td class="samplenote">
A TCallback with a 3-items array as parameter.
The first parameter is defined in the onclick() attribute of the red div;
The second parameter is defined in the body of the javascript function;
The third parameter is taken from the textbox;
</td><td class="sampleaction">

<com:TCallback ID="callback2" OnCallback="callback2_Requested" />
<script type="text/javascript">
  function do_callback2(param1)
  {
    var request = <%= $this->callback2->ActiveControl->Javascript %>;
    var param2 = 'value 2';
    var param3 = $('#<%= $this->txt1->ClientID %>').val();
    request.setCallbackParameter({'Param1':param1, 'Param2':param2, 'Param3':param3});
    request.dispatch();
  }
</script>
TextBox for third parameter: <com:TTextBox ID="txt1" text="value 3"/>
<div onclick="do_callback2('value 1')" style="background-color:red;border: 1px solid black">Click Me!</div>
<br/>Parameter 1 is <com:TActiveLabel Text="" ID="labelParam1" />
<br/>Parameter 2 is <com:TActiveLabel Text="" ID="labelParam2" />
<br/>Parameter 3 is <com:TActiveLabel Text="" ID="labelParam3" />
</td></tr>


</table>

</com:TContent>