IDC资讯中心
前段时间笔者在开发中需要动态创建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); int icount=int.parse(iplinkchildlnode.childnodes[2].innertext); //根据序列号，将测量点的名称放入名称数组相应的位置上 namestr[icount]=iplinkchildlnode.childnodes[0].innertext; //根据序列号，将测量点的ip放入ip数组相应的位置上 ipstr[icount]=iplinkchildlnode.childnodes[1].innertext; } } |
程序中对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++) //创建第二列 tcell = new htmltablecell(); //创建第三列（名称） tcell = new htmltablecell(); //创建第四列 //创建第五列（ip） tcell = new htmltablecell(); //创建第六列 tcell = new htmltablecell(); tcell.controls.add(sequencedatatb); //创建第六列 tcell = new htmltablecell(); |
程序中的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++) |
其中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下调试通过。
