快捷導(dǎo)航

ASP.NET 動(dòng)態(tài)寫入服務(wù)器端控件第1/2頁

更新時(shí)間：2009年04月17日 22:28:33 作者：

使用Asp.net進(jìn)行開發(fā)時(shí)，因?yàn)槟承┬枨笤?，需要在頁面中?dòng)態(tài)添加控件。當(dāng)然，這些控件可以是普通的html標(biāo)簽，也可以是Asp.net獨(dú)有的服務(wù)器端控件。

關(guān)于動(dòng)態(tài)寫入html標(biāo)簽控件，大家都熟悉，這里就不再表述。本文討論的重點(diǎn)是：如何動(dòng)態(tài)寫入服務(wù)器端控件，并且在頁面PostBack到Server端時(shí)，在Server端來獲取被動(dòng)態(tài)寫入的服務(wù)器端控件的各種屬性。
這里，我來通過一個(gè)Demo來說明這個(gè)應(yīng)用。
需求：
1. 用戶在UI上輸入一個(gè)數(shù)值(比如：5)，系統(tǒng)動(dòng)態(tài)為用戶加載這個(gè)數(shù)值的Url Address輸入域;
2. 用戶輸入的Url Address內(nèi)容需要通過Url格式驗(yàn)證;
3. 用戶提交輸入內(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)頁面代碼：

復(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>&nbsp;&nbsp; 
<asp:Button runat="server" ID="btnCreate" Text="Create TextBox List" ValidationGroup="CreateTextBox" 
onclick="btnCreate_Click" />&nbsp;&nbsp; 
<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)頁面代碼：
以下為引用的內(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>&nbsp;&nbsp; 
<asp:Button runat="server" ID="btnCreate" Text="Create TextBox List" ValidationGroup="CreateTextBox" 
onclick="btnCreate_Click" />&nbsp;&nbsp; 
<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> 