在ASP.NET页面中动态添加控件
今天被問到如何在ASP.NET 頁面中動態創建一批控件,并且希望在后續代碼中能訪問到這些動態創建的控件。我用下面的例子來解釋這個問題
=================================================================================
頁面文件:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="createbutton" runat="server" Text="批量創建按鈕"
οnclick="createbutton_Click" /><asp:Button ID="displaybutton"
runat="server" Text="顯示動態按鈕的信息" οnclick="displaybutton_Click"/>
<asp:Table ID="HolderTable" runat="server"></asp:Table>
</div>
</form>
</body>
</html>
----上面的Table是用來存放動態控件的,用Table是因為它有行和列的概念,更易于布局設計。除了Table之外,還可以使用PlaceHolder控件或者Panel控件
?
代碼文件:
public partial class _Default : System.Web.UI.Page
{
protected override void OnLoad(EventArgs e)
{
CreateControl();
}
protected void createbutton_Click(object sender, EventArgs e)
{
if (ViewState["CreateControl"] == null)
{
ViewState["CreateControl"] = true;
CreateControl();
}
}
void CreateControl() {
///批量創建100個按鈕
///
if (ViewState["CreateControl"]==null) return; //第一次的時候應該不要創建這些控件
for (int x = 0; x < 10; x++)
{
TableRow row = new TableRow();
for (int y = 0; y < 10; y++)
{
TableCell cell = new TableCell();
Button bt = new Button();
bt.Text = string.Format(" x={0},y={1} ", x, y);
bt.Click += new EventHandler(bt_Click);
cell.Controls.Add(bt);
row.Cells.Add(cell);
}
HolderTable.Rows.Add(row);
}
}
void bt_Click(object sender, EventArgs e)
{
Trace.Write("控件動態事件");
((Button)sender).BackColor = System.Drawing.Color.Red;
Response.Write(string.Format("你點擊了該按鈕:{0}", ((Button)sender).Text));
}
/// <summary>
/// 顯示動態創建的控件的信息
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void displaybutton_Click(object sender, EventArgs e)
{
for (int x = 0; x < 10; x++)
{
TableRow row = HolderTable.Rows[x];
for (int y = 0; y < 10; y++)
{
Button bt = (Button)row.Cells[y].Controls[0];
Response.Write(bt.Text);
}
}
}
}
----這里的關鍵點在于,必須在Page_Load事件中每次都調用創建控件的代碼。這與我們一般的理解是不一樣的。
1. 首先講為什么要?因為這些控件是動態添加的,在頁面的源文件中并沒有。所以PostBack回來之后重新構建頁面時,非得再次創建。
2. 這樣做難道不會重復創建嗎?不會,因為每次都重新構建了,其實原先的控件都消失了。
3. 那么,重新構建之后控件的狀態怎么保存的?這是通過ViewState自動保存的。
--在動態創建控件的頁面上,如果禁用ViewState,將使得頁面失去作用
?
測試效果:
1. 第一次打開頁面時
2。點擊“批量創建按鈕”后
3. 點擊“顯示動態按鈕的信息”后
4. 點擊下面100個按鈕中任意一個之后
?
【注意】
動態創建控件的行為也可以移動到用戶控件里面。上述代碼不需要任何改動即可實現。
轉載于:https://www.cnblogs.com/zhangtao1212/archive/2011/12/06/2277582.html
總結
以上是生活随笔為你收集整理的在ASP.NET页面中动态添加控件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Request.Browser.Craw
- 下一篇: ASP.NET传统的三层架构