<%@ Page Language="C#" EnableViewState="false" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ajax="http://www.mathertel.de/AJAXEngine/AJAXControls"> <head runat="server"> <title>Pageproperties test page</title> <link href="../mathertel.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../ajaxcore/ajax.js"></script> </head> <body> <mh:Title ID="Title" runat="server" /><a style="position: absolute; right: 10px; top: 10px" href="../ViewSrc.aspx"> View Source</a> <p><a href="http://www.mathertel.de/">mathertel</a> -> <a href="http://www.mathertel.de/AJAXEngine/">AJAXEngine</a> -> <a href="Default.aspx">AJAX Web Controls</a> -> Pageproperties test page</p> <hr /> <div style="position: absolute; background-color: #EEEEEE; width: 300px; right: 10px; xtop: 10px"> <%-- <ajax:PropEventLog ID="PropEventLog1" runat="server" /> --%> </div> <ajax:DataForm runat="server" ID="myForm" eventnamespace="mathertel.test"> <table> <tr> <td>X:</td> <td><ajax:DataInput runat="server" style="text-align: right" eventname="x" name="x" defaultvalue="20" /></td> <td><ajax:HSlider ID="HSlider1" runat="server" eventname="x" unit="5" minvalue="10" maxvalue="80" /></td> </tr> <tr> <td>Y:</td> <td><ajax:DataInput runat="server" style="text-align: right" eventname="y" name="y" defaultvalue="60" /></td> <td><ajax:HSlider ID="HSlider2" runat="server" eventname="y" /></td> </tr> <tr> <td>Z:</td> <td><ajax:DataInput runat="server" style="text-align: right" name="z" eventname="z" defaultvalue="75" /></td> <td><ajax:HSlider ID="HSlider3" runat="server" eventname="z" /></td> </tr> </table> <hr /> <table> <tr> <td style="height: 100px; width: 40px; text-align: center; vertical-align: bottom"><ajax:VBarChart ID="VBarChart2" runat="server" eventname="mathertel.test.x" /></td> <td style="width: 40px; text-align: center; vertical-align: bottom"><ajax:VBarChart ID="VBarChart1" runat="server" eventname="mathertel.test.y" /></td> <td style="width: 40px; text-align: center; vertical-align: bottom"><ajax:VBarChart ID="VBarChart3" runat="server" eventname="mathertel.test.z" /></td> </tr> <tr> <td style="text-align: center">x</td> <td style="text-align: center">y</td> <td style="text-align: center">z</td> </tr> </table> </ajax:DataForm> <p>This page shows how multiple controls can be attached to page properties.</p> <p>There are 3 properties in use on this page: x, y, and z.</p> <p>The values can be changed by using ths input fields or the sliders.</p> <p>The barchart control is displaying the current values as a small chart.</p> <p>On the right side there is a log area where you can see what properties have got new values. The values are brought back to all attached controls. </p> <mh:Footer ID="foot" runat="server" /> </body> </html>
This page is part of the http://www.mathertel.de/AJAXEngine/default.aspx project. For updates and discussions see The AJAX Engine blog.
For updates and discussions see http://ajaxaspects.blogspot.com/.