ASP.NET 1.0/2.0里用DIV层元素弹出窗体

代码中，用粗体标出的部分是Popup窗体的主要属性，在鼠标单击时，将调用一端JavaScript：PopupArea。

正如您所看到的，我们在页面底部添加了两个DIV元素，一个用于国家，一个用于城市，每一个都包含ListBox控件，用户可以使用Listbox选择上面的内容。

下图1现实了页面浏览的效果，他还演示了如何弹出DIV窗体

当单击Textbox内部，windows将弹出窗体而不会引起页面数据回发现在该到填充其中数据的时候了

Page COde-behind

在页面后台，我们准备从一个XML文档加载list“国家”所需要的数据，同时显示国家的名称，下面列出了这个功能的代码：

Listing 2: Populate Country ListBox

// Load data into Country List box
if (!Page.IsPostBack)
{
　 // Load data from XML into a DataSet
　 DataSet ds = new DataSet();
　 ds.ReadXml(Server.MapPath("countries.xml"));
　 this.lstCountry.DataSource = ds.Tables[0].DefaultView;
　 this.lstCountry.DataTextField = "name";
　 this.lstCountry.DataBind();
}

在这一步骤中，当页面运行时，您可以选择国家，如下图

现在，当用户选择国家时，将触发listbox的选择事件，并通过该事件加载“城市”数据，该数据同样从XML文档加载

下面列出了事件代码

Listing 3

private void lstCountry_SelectedIndexChanged(object sender, EventArgs e)
{
　 // Set the value in the textbox
　 this.txtCountry.Text = this.lstCountry.SelectedValue;
　 // Load and Filter the lstCity
　 DataSet ds = new DataSet();
　 ds.ReadXml(Server.MapPath("cities.xml"));
　 DataView dv = ds.Tables[0].DefaultView;
　 dv.RowFilter = "country = ''" + this.lstCountry.SelectedValue + "''";
　 // Bind lstCity
　 this.lstCity.DataSource = dv;
　 this.lstCity.DataTextField = "name";
　 this.lstCity.Data