ASP.NET中根據XML動態建立使用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組件”部分會有較為詳細的介紹）