|
|
這里，我來(lái)通過(guò)一個(gè)Demo來(lái)說(shuō)明這個(gè)應(yīng)用。
需求：
1. 用戶(hù)在UI上輸入一個(gè)數(shù)值(比如：5)，系統(tǒng)動(dòng)態(tài)為用戶(hù)加載這個(gè)數(shù)值的Url Address輸入域;
2. 用戶(hù)輸入的Url Address內(nèi)容需要通過(guò)Url格式驗(yàn)證;
3. 用戶(hù)提交輸入內(nèi)容后，系統(tǒng)給出提交的結(jié)果
設(shè)計(jì)如下：
1. Css樣式設(shè)置：
以下為引用的內(nèi)容：
復(fù)制代碼 代碼如下:
<style type="text/css">
.item
{
margin:10px;
border-bottom:solid 1px #CCC;
}
.item2
{
margin:5px;
}
.input
{
width:200px;
}
</style>
2．前臺(tái)頁(yè)面代碼：
復(fù)制代碼 代碼如下:
<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． 前臺(tái)頁(yè)面代碼：
以下為引用的內(nèi)容：
復(fù)制代碼 代碼如下:
<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>
說(shuō)明， 動(dòng)態(tài)創(chuàng)建的TextBox們將裝載到divControls中。
AspNet技術(shù)：ASP.NET 動(dòng)態(tài)寫(xiě)入服務(wù)器端控件第1/2頁(yè)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
