前段时间笔者在开发中需要动态创建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下调试通过。