ASP.NET創建并使用Web組件
前段時間筆者在開發中需要動態創建WEB組件，本以為是小事一樁，誰知看時容易做時難。里面還真有些小問題。下面筆者就結合自己的程序來介紹一下如何動態創建并使用WEB組件，希望能給做類似工作的朋友提供一點幫助。
一、程序思路
程序主要分三部分：
1、程序要根據XML中的數據信息確定需要創建的WEB組件的個數。
2、動態創建WEB組件。
3、使用動態創建的WEB組件。
其中2和3是筆者要重點介紹的部分。
下面筆者就按照這三部分結合程序實例（以c#為例）來一一介紹。
二、讀取XML文件
讀取XML文件在很多的資料中都有詳細的說明，而且相信很多朋友都已經很好的掌握了其技術。但為了保證文章的完整性，筆者在這里還是要贅述幾句。深諧其味的朋友可以略過此段不看。
筆者程序中要讀取的XML文件形如下列：
| config.xml ＜?xml version="1.0"?＞ ＜Root＞ ＜Nettype＞net＜/Nettype＞ ＜Totalnum＞6＜/Totalnum＞ ＜Cells＞2＜/Cells＞ ＜IPlink＞ ＜Name＞站點1＜/Name＞ ＜IP＞192.8.198.1＜/IP＞ ＜Sequence＞1＜/Sequence＞ ＜/IPlink＞ ＜IPlink＞ ＜Name＞站點2＜/Name＞ ＜IP＞192.8.198.2＜/IP＞ ＜Sequence＞2＜/Sequence＞ ＜/IPlink＞ … … ＜/Root＞ |
讀取XML文件的程序如下：
| protected void readconfig() { try { System.Xml.XmlDocument mXmlDoc=new System.Xml.XmlDocument(); mXmlDoc.Load(Server.MapPath(configfilepath)); nettype=mXmlDoc.SelectNodes("//Root/Nettype")[0].InnerText; totalnum=int.Parse(mXmlDoc.SelectNodes("//Root/Totalnum")[0].InnerText); //讀出列數 cells=int.Parse(mXmlDoc.SelectNodes("//Root/Cells")[0].InnerText); XmlNodeList mXmlNodes=mXmlDoc.SelectNodes("//Root/IPlink"); foreach(XmlNode IPlinkchildlNode in mXmlNodes) { //得到序列號 int icount=int.Parse(IPlinkchildlNode.ChildNodes[2].InnerText); //根據序列號，將測量點的名稱放入名稱數組相應的位置上 namestr[icount]=IPlinkchildlNode.ChildNodes[0].InnerText; //根據序列號，將測量點的IP放入IP數組相應的位置上 ipstr[icount]=IPlinkchildlNode.ChildNodes[1].InnerText; } } catch { errmessage.InnerHtml="＜table align=center＞＜tr＞ ＜td align=left＞＜font color=red＞不能讀取配置文件，可能的錯誤是＜br＞"+"1、配置文件不存在＜br＞"+"2、配置文件內容被損壞"+"＜/font＞＜/td＞＜/tr＞＜/table＞"; } } |
程序中對XML中無子節點的元素如：
| ＜Nettype＞net＜/Nettype＞ |
直接使用如下語句讀取。
| mXmlDoc.SelectNodes("//Root/Nettype")[0].InnerText; |
對于有子節點的元素如：
| ＜IPlink＞ ＜Name＞站點1＜/Name＞ ＜IP＞192.8.198.1＜/IP＞ ＜Sequence＞1＜/Sequence＞ ＜/IPlink＞ |
要使用語句如下來讀取。
IPlinkchildlNode.ChildNodes[N].InnerText
其中 ChildNodes[N] 中的[N]為子節點的序號，子節點
＜Name＞站點1＜/Name＞
的序號應該為[0]。
三、動態創建WEB組件
先來看程序實例：
| private void createconfigtable(int totalnum,int[] sequenceint,string[] namestr,string[] ipstr) { //根據得到測量點的總數，動態生成輸入框 for(int i=1;i＜=totalnum;i++) { //創建表格 HtmlTable showtable = new HtmlTable(); showtable.Border=0; showtable.ID="showtable"+i.ToString(); showtable.BorderColor="#000000"; showtable.CellPadding=4; showtable.CellSpacing=4; showtable.Align="center"; myPlaceHolder.Controls.Add(showtable); //創建一行 HtmlTableRow tRow = new HtmlTableRow(); showtable.Rows.Add(tRow); //創建第一列（序號） HtmlTableCell tCell = new HtmlTableCell(); Label sequenceLabel = new Label(); sequenceLabel.ID="sequenceLabel"+i.ToString(); sequenceLabel.Text="序號："; sequenceLabel.Enabled=true; tCell.Controls.Add(sequenceLabel); tRow.Cells.Add(tCell); //創建第二列 tCell = new HtmlTableCell(); sequencedataTB = new TextBox(); sequencedataTB.ID="sequencedataTB"+i.ToString(); sequencedataTB.Text=i.ToString(); sequencedataTB.Width=30; sequencedataTB.Text=sequenceint[i].ToString(); sequencedataTB.ReadOnly=false; //創建第三列（名稱） tCell = new HtmlTableCell(); Label nameLabel = new Label(); nameLabel.ID="nameLabel"+i.ToString(); nameLabel.Text="名稱："; nameLabel.Enabled=true; tCell.Controls.Add(nameLabel); tRow.Cells.Add(tCell); //創建第四列 tCell = new HtmlTableCell(); nameTB=new TextBox(); nameTB.ID="nameTB"+i.ToString(); nameTB.Width=120; nameTB.Text=namestr[i]; nameTB.MaxLength=50; tCell.Controls.Add(nameTB); tRow.Cells.Add(tCell); //創建第五列（IP） tCell = new HtmlTableCell(); Label ipLabel = new Label(); ipLabel.ID="ipLabel"+i.ToString(); ipLabel.Text="IP："; ipLabel.Enabled=true; tCell.Controls.Add(ipLabel); tRow.Cells.Add(tCell); //創建第六列 tCell = new HtmlTableCell(); ipTB=new TextBox(); ipTB.ID="ipTB"+i.ToString(); ipTB.Width=120; ipTB.Text=ipstr[i]; ipTB.MaxLength=15; tCell.Controls.Add(ipTB); tRow.Cells.Add(tCell); } } tCell.Controls.Add(sequencedataTB); tRow.Cells.Add(tCell); … … //創建第五列（IP） tCell = new HtmlTableCell(); Label ipLabel = new Label(); ipLabel.ID="ipLabel"+i.ToString(); ipLabel.Text="IP："; ipLabel.Enabled=true; tCell.Controls.Add(ipLabel); tRow.Cells.Add(tCell); //創建第六列 tCell = new HtmlTableCell(); ipTB=new TextBox(); ipTB.ID="ipTB"+i.ToString(); ipTB.Width=120; ipTB.Text=ipstr[i]; ipTB.MaxLength=15; tCell.Controls.Add(ipTB); tRow.Cells.Add(tCell); } } |
程序中的myPlaceHolder 是 System.Web.UI.WebControls.PlaceHolder 組件，使用該組件的HTML語法如下：
| … … ＜tr＞ ＜td＞ ＜asp:PlaceHolder id="myPlaceHolder" runat="server"＞＜/asp:PlaceHolder＞ ＜/td＞ ＜/tr＞ … … |
使用該組件的目的是為了定位動態創建的表格。該組件在頁面上的位置即為動態創建的表格的位置。
程序中另外一個要說明的地方是動態創建的組件的ID的設定。組件的ID的設定要注意兩點：
1、ID號不能重復
2、要便于在程序中使用。因為要在程序中使用動態創建的組件，要通過該組件的ID來查找。（關于這一點，在“使用動態創建的WEB組件”部分會有較為詳細的介紹）
四、使用動態創建的WEB組件
如果在動態創建了WEB組件后，要使用該組件，可使用如下語句
| String sequencelabelID="sequencedataTB"+icount.ToString(); Label sequencelabel=(Label)myPlaceHolder.FindControl(sequencelabelID); Sequencelabel.Text=”… …” … … |
其中 sequencelabelID 為要使用的組件的ID號，myPlaceHolder.FindControl（）方法返回類型 Control 的對象，使用 (Label) 將該類型強制轉換為Label類型。然后你可以根據自己的需要來對此對象任何進行你想進行操作。如更改組件的屬性等等。
需要特別提起注意的是，使用上述語句來使用動態創建的WEB組件有一個前提，就是頁面不能被刷新。如果頁面被刷新，而且你又沒有在頁面刷新后重新創建該組件。在程序中使用上述語句來使用動態創建的WEB組件，在程序運行時就會得到一個錯誤。該錯誤的產生是因為動態創建的WEB組件在頁面被刷新后就不存在了。在筆者的程序中就存在這樣的問題。因為筆者的程序的思路是
1、讀取XML文件
2、根據讀取的信息動態創建WEB組件，并為其文本屬性賦值
3、允許用戶對動態創建WEB組件的文本屬性進行修改。
4、當用戶提交修改后，要將修改過的屬性寫入XML文件中
但是當用戶提交修改后，頁面會被刷新。那么應該如何得到修改過的屬性哪？
筆者在程序中采用了下面的方法：
| private void summitButton_Click(object sender, System.EventArgs e) { … … //將用戶填寫的測量點信息寫入數組 for(int icount=1;icount＜=int.Parse(ViewState["totalnum"].ToString());icount++) { … … string nameTBID＝"nameTB"+icount.ToString(); string nameTBtext=Request.Form[nameTBID].ToString(); namestr[icount]=nameTBtext; } … … } |
其中nameTBID 為要使用的WEB組件的ID號。當頁面刷新后，雖然動態創建的WEB組件不存在了，但是Request 對象已經將WEB組件的信息保存下來了，所以仍然可以獲得修改過的信息。
如果你想在頁面刷新后，仍然顯示動態創建的WEB組件，那么你需要做的是在 Page_Load(object sender, System.EventArgs e) 中再次調用創建WEB組件的函數，并用 Request.Form[ID] 為相應的組件賦修改過的值。請記住，創建WEB組件的函數要放在 if(IsPostBack){ } 中。
五、結束語
本文結合實例給出了動態創建并使用WEB組件的方法。看過本文后，相信對動態創建和使用WEB組件仍有疑問的朋友應該沒有問題了。本文例子在.net 2003+windows 2000 server下調試通過。