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组件”部分会有较为详细的介绍）