ASP.NET创建并使用Web组件
2024-07-10 12:54:53
供稿：网友
前段时间笔者在开发中需要动态创建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下调试通过。
