快捷導(dǎo)航

ASP.NET 頁(yè)面中動(dòng)態(tài)增加的控件、添加事件

更新時(shí)間：2009年07月16日 01:10:47 作者：

在ASP.NET中動(dòng)態(tài)創(chuàng)建一個(gè)控件總是不那么順利，特別是當(dāng)對(duì)頁(yè)面的Life Cycle不是那么了然的情況下！這里簡(jiǎn)單描述一下要求，然后提供一個(gè)解決方案，大家看看有沒(méi)有更好的Idea，如果有的話就是我的大幸了，呵呵！

asp.net 中服務(wù)器端控件動(dòng)態(tài)添加事件和刪除事------------------------------------------
PlaceHolder :控件容器,本身不顯示,主要用來(lái)放服務(wù)器控件的,只顯示其子元素(他里面的控件)
服務(wù)器控件動(dòng)態(tài)添加和刪除
<一>PlaceHolder 中動(dòng)態(tài)添加服務(wù)器端控件
添加控件的一般方法:
聲明一個(gè)新控件如 label lb =new label()
設(shè)置控件屬性如:lb.text="text"
添加控件到 PlaceHolder 中如: PlaceHolder1.controls.add(lb)
可以用 ViewState[AddedControl]=null 判斷是不是第一次執(zhí)行
動(dòng)態(tài)添加控件,如果需要數(shù)據(jù)綁定,要先添加控件,然后再數(shù)據(jù)綁定,提交后(postback) 就不需要重新綁定了
new 一下就可以了,如:

復(fù)制代碼代碼如下:

if ((ViewState[AddedControl] != null) & ((bool)ViewState[AddedControl]))//第二次就不要數(shù)據(jù)綁定了 
{ 
ph1.Controls.Clear();//清除ph1中的控件 
DropDownList dpl = new DropDownList(); 
dpl.ID = "controlid"; 
dpl.AutoPostBack = true; 
ph1.Controls.Add(dpl); 
} 
else 
{ 
ph1.Controls.Clear(); 
DropDownList dpl = new DropDownList(); 
dpl.ID = "controlid"; 
dpl.AutoPostBack = true; 
ph1.Controls.Add(dpl); 
//鏈接數(shù)據(jù)庫(kù),設(shè)置數(shù)據(jù)源等 略 
dpl.DataBind(); 
ViewState[AddedControl] = true; 
} 

<二>panel中動(dòng)態(tài)添加服務(wù)器端控件
在一個(gè)panel 中添加datagrid 并且綁定數(shù)據(jù)

復(fù)制代碼代碼如下:

Panel panel1 = new Panel(); 
panel1.Style["top"] = "200px";//設(shè)置屬性 
this.Controls.Add(panel1); 
DataGrid dg1 = new DataGrid();//定義datagrid 
BoundColumn s1 = new BoundColumn();//定義一列 
s1.DataField = "first";//綁定列的數(shù)據(jù)源 
s1.HeaderText = "mzi";//此列標(biāo)題等屬性設(shè)置 
dg1.Columns.Add(s1);//加入此列 
dg1.BackColor = "#00000"; 
dg1.CellPadding=3; 
//設(shè)置 dg1的屬性等 
panel1.Controls.Add(dg1); 

<三> 給動(dòng)態(tài)添加的控件添加事件:
如:給button 添加事件

復(fù)制代碼代碼如下:

//添加按鈕1 
Button bt1 = new Button(); 
bt1.CommandArgument = "bt1";//設(shè)置命令參數(shù) 
bt1.Text = "daji"; 
bt1.Command += new CommandEventHandler(this.onbutton);//預(yù)定事件 
ph1.Controls.Add(bt1); 
//添加按鈕2,又一種方法 
Control cs = ParseControl("<asp:Button ID='Button2' runat='server' Text=Button' commandname='btn' CommandArgument = 'bt2'/>");//把字符串轉(zhuǎn)化為控件 
ph1.Controls.Add(cs); 
Button bt2 = (Button)Page.FindControl("button2"); 
bt2.Command += new CommandEventHandler(this.onbutton);//給bt2添加事件 
} 
public void onbutton(object sender, CommandEventArgs e) 
{ 
lab1.text = "label1"; 
} 

這樣二個(gè)按鈕都對(duì)應(yīng)一個(gè)函數(shù),執(zhí)行同一個(gè)事件
如果想讓他們執(zhí)行不同事件,
可以這樣寫:

復(fù)制代碼代碼如下:

 
public void onbutton(object sender, CommandEventArgs e) 
{ 
switch (e.CommandArgument.ToString().ToLower()) 獲取命令參數(shù),根據(jù)參數(shù)的不同,執(zhí)行不同命令 
{ 
case "bt1"：lab1.text = "label1"; break; 
case "bt2"：lab1.text = "label2"; break; 
} 
} 

<四>:在table中添加行和服務(wù)器端控件
在table中添加一行二列 table要轉(zhuǎn)化服務(wù)器端控件
代碼如下:

復(fù)制代碼代碼如下:

 
HtmlTableRow tr1 = new HtmlTableRow();//定義行 
HtmlTableCell td1 = new HtmlTableCell();//定義列 
Label lb1 = new Label();// 定義 lb1 為L(zhǎng)abel控件 
lb1.Text = txt[m];//lb1 
td1.Controls.Add(lb1);//列中添加lbl 
HtmlTableCell td2 = new HtmlTableCell();//定義列 
TextBox txt1 = new TextBox();//textbox 
txt1.Text = namevalue[m];//text 
txt1.ID = "t" + m;//id 
td2.Controls.Add(txt1);列中添加txt1 
tr1.Cells.Add(td1);//行中添加列td1 
tr1.Cells.Add(td2);//行中添加列td1 
TABLE1.Rows.Add(tr1);//表中添加行 

取得textbox中數(shù)據(jù)方法:
((TextBox)(TABLE1.Rows[m].FindControl("t" + m))).Text 第m行 id 為"t"+m的控件的值
添加html 控件,可以用 response.write("")
為服務(wù)器端控件添加客戶端事件方法;
如:buttton.Attributes["onclick"] = "javascript:alert('shijain')";

您可能感興趣的文章: