<script type = "text/javascript"> function pageLoad() { var text = new Sys.UI.TextBox($('text')); var label = new Sys.UI.Label($('label')); text.set_text("Hello,world!"); var binding_1 = new Sys.Binding(); binding_1.set_dataContext(text); binding_1.set_dataPath('text'); binding_1.set_property('text'); binding_1.transform.add(customTransform); label.get_bindings().add(binding_1); text.initialize(); label.initialize(); } function customTransform(sender,eventArgs) { var value = eventArgs.get_value(); var reverseStr = new Sys.StringBuilder(); for(var i = value.length - 1;i >= 0;i--) { reverseStr.append(value.charAt(i)); eventArgs.set_value(reverseStr.toString()); } } </script> </head> <body onload = "pageLoad();"> <form id="form1" runat="server"> <atlas:scriptmanager ID = "scriptmanager" runat="server"></atlas:scriptmanager> <div> <h3><u>Example 3:</u></h3> <div id = "font"> This example binds the label(a span element) to the text box and <br /> demonstrates a custom transform to reverse the text from th entered<br /> value.<br /> Enter a string:<input type = "text" id = "text" runat = "server" /><br /> Reversed Text:<label id = "label" runat = "server"></label> </div> </div> </form>
