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("http://root/nettype")[0].innertext; totalnum=int.parse(mxmldoc.selectnodes("http://root/totalnum")[0].innertext);
//讀出列數
cells=int.parse(mxmldoc.selectnodes("http://root/cells")[0].innertext);
xmlnodelist mxmlnodes=mxmldoc.selectnodes("http://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("http://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下調試通過。
