从Visual Studio主菜单选择文件,新的， 然后网站。

从Visual Studio安装的模板选择ASP.NET网站。点击好的。默认情况下，你会看到你的网页的Source视图。

单击Source视图面板下面的Design视图选项卡。

在设计视图面板中，输入一些文本来装饰空白网页。

点击工具箱。从控件列表中选择下拉列表。将控件拖放到网页上文本下方的位置。

从下拉列表控制上下文菜单，确保使将AutoPostBack复选框已启用。这将确保选择项目时调用控件的事件处理程序。用户的选择反过来将用于填充网格视图控制。

从工具箱中选择网格视图控制。拖拉网格视图控制到您已放置的下拉列表下方的位置。

下图显示了“设计视图”选项卡中的装饰文本和两个控件的示例。添加的GridView控件产生了一个具有三列的网格（Column0,Column1， 和Column3)和绳子美国广播公司在网格的每个单元格中。

图4.18放置GridView控件

此时建议您保存解决方案，并构建解决方案以确保没有错误。

如果您运行该解决方案，您将看到显示文本和下拉列表，但列表为空。此外，网格视图根本不会出现。添加此功能将在以下部分中描述。

在“设计视图”面板中，双击任何空白区域。这会带来Page_Load方法。

根据下面的清单示例修改代码的相关部分。

...公共部分类_default：system.web.ui.page {worldmodel.worldenties我们;受保护的void page_load（对象发件人，eventargs e）{we = new worldmodel.worldentities（）;if（！ispostback）{var countruery =从c中的c we.country orderby c.name选择new {c.code，c.name};dropdownlist1.datavaluefield =“代码”;dropdownlist1.datatextfield =“name”;dropdownlist1.datasource = countryquery.tolist（）;DataBind ();}} ...

列表控件只需要在页面首次加载时填充。条件代码确保如果页面随后被重新加载，则不会重新填充列表控件，这将导致用户选择丢失。

保存解决方案，构建并运行它。您应该看到列表控件已经被填充。您可以选择一个项目，但是GridView控件还没有出现。

在设计视图中，双击下拉列表控制。此操作导致其selectedIndexChanged.要显示的代码。当用户选择列表控件中的项并因此生成AutoPostBack事件时，将调用此方法。

根据下面的清单示例修改代码的相关部分。

…protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) {var cityQuery = from c in we。城市c.CountryCode == DropDownList1。c.Name select new {c.Name, c.Population, c.CountryCode};GridView1。数据源= cityQuery;DataBind ();}……

网格视图控件由对实体数据模型的LINQ查询的结果填充。

保存、构建和运行解决方案。当您选择一个国家时，您将看到它的城市显示在GridView控件中。下图显示了从列表框和一个有三列的表中选择的Belgium:的名字,人口， 和国家代码。

图4.19工作网站