ASP.NET建立並使用Web組件

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下調試通過。