关于动态写入html标签控件,大家都熟悉,这里就不再表述。本文讨论的重点是:如何动态写入服务器端控件,并且在页面PostBack到Server端时,在Server端来获取被动态写入的服务器端控件的各种属性。 这里,我来通过一个Demo来说明这个应用。 需求: 1. 用户在UI上输入一个数值(比如:5),系统动态为用户加载这个数值的Url Address输入域; 2. 用户输入的Url Address内容需要通过Url格式验证; 3. 用户提交输入内容后,系统给出提交的结果 设计如下: 1. Css样式设置: 以下为引用的内容:
复制代码 代码如下: <style type="text/css"> .item { margin:10px; border-bottom:solid 1px #CCC; } .item2 { margin:5px; } .input { width:200px; } </style>
2.前台页面代码:
复制代码 代码如下: <div> <div> Please input a number: <asp:TextBox runat="server" CssClass="item"></asp:TextBox> <asp:RequiredFieldValidator runat="server" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic" ErrorMessage="Required to input content!"></asp:RequiredFieldValidator> <asp:RegularExpressionValidator ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic" runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^d+$"></asp:RegularExpressionValidator> <asp:Button runat="server" Text="Create TextBox List" ValidationGroup="CreateTextBox" onclick="btnCreate_Click" /> <asp:Button runat="server" Text="Get TextBox Content" ValidationGroup="ShowListContent" onclick="btnOK_Click" /> </div> <div runat="server"></div> <div runat="server"> </div> </div>
2. 前台页面代码: 以下为引用的内容:
复制代码 代码如下: <div> <div> Please input a number: <asp:TextBox runat="server" CssClass="item"></asp:TextBox> <asp:RequiredFieldValidator runat="server" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic" ErrorMessage="Required to input content!"></asp:RequiredFieldValidator> <asp:RegularExpressionValidator ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic" runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^d+$"></asp:RegularExpressionValidator> <asp:Button runat="server" Text="Create TextBox List" ValidationGroup="CreateTextBox" onclick="btnCreate_Click" /> <asp:Button runat="server" Text="Get TextBox Content" ValidationGroup="ShowListContent" onclick="btnOK_Click" /> </div> <div runat="server"></div> <div runat="server"> </div> </div>
说明, 动态创建的TextBox们将装载到divControls中。
1 (编辑:焦作站长网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|