|
|
这里，我来通过一个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 class="item">
Please input a number:
<ASP:TextBox runat="server" CssClass="item" ID="txtTextCount"></ASP:TextBox>
<ASP:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
ErrorMessage="Required to input content!"></ASP:RequiredFieldValidator>
<ASP:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^/d+$"></ASP:RegularExpressionValidator>
<ASP:Button runat="server" ID="btnCreate" Text="Create TextBox List" ValidationGroup="CreateTextBox"
onclick="btnCreate_Click" />
<ASP:Button runat="server" ID="btnOK" Text="Get TextBox Content" ValidationGroup="ShowListContent"
onclick="btnOK_Click" />
</div>
<div runat="server" id="divControls" class="item"></div>
<div runat="server" id="divMessage">
</div>
</div>
2． 前台页面代码：
以下为引用的内容：
复制代码 代码如下:
<div>
<div class="item">
Please input a number:
<ASP:TextBox runat="server" CssClass="item" ID="txtTextCount"></ASP:TextBox>
<ASP:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
ErrorMessage="Required to input content!"></ASP:RequiredFieldValidator>
<ASP:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtTextCount" ValidationGroup="CreateTextBox" Display="Dynamic"
runat="server" ErrorMessage="Only number is valid!" ValidationExpression="^/d+$"></ASP:RegularExpressionValidator>
<ASP:Button runat="server" ID="btnCreate" Text="Create TextBox List" ValidationGroup="CreateTextBox"
onclick="btnCreate_Click" />
<ASP:Button runat="server" ID="btnOK" Text="Get TextBox Content" ValidationGroup="ShowListContent"
onclick="btnOK_Click" />
</div>
<div runat="server" id="divControls" class="item"></div>
<div runat="server" id="divMessage">
</div>
</div>
说明， 动态创建的TextBox们将装载到divControls中。
AspNet技术：ASP.NET 动态写入服务器端控件第1/2页，转载需保留来源！
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。
