关于下拉菜单与GridView的联动

自从看了2.0的书以后,就一直想摈弃datagrid,但在实际操作过程中,又碰到不知道要如何处理下拉菜单与gridview的联动.一直受原来datagrid的影响,老以为需要编程,实际上完全不要这么麻烦,只需在页面上操作几步,完全可以实现两者的联动以及主从表之间的联动.而这一切都在msdn帮助上可以找得到例子:ms-help://MS.VSCC.v80/MS.MSDN.v80/MS.VisualStudio.v80.chs/dv_vwdcon/html/e3ab20ae-44c3-43f0-91f3-0f95fff47b48.htm
 
使用下拉列表作为主表
在本部分的演练中,将向页添加一个下拉列表,并用“Northwind”表的一组类别填充该表。当用户选择某个类别时,页中将显示该类别的产品。

创建和填充下拉列表
切换到或打开 Default.aspx 页。如果您使用已创建的网站,则请添加或打开可以在此演练中使用的页。

切换到“设计”视图。

在页中键入“按类别选择产品”,然后使用“工具箱”上方的“块格式”下拉列表将该文本的格式设置为标题。

从“工具箱”的“标准”组中,将一个“DropDownList”控件拖到该页上。

在“DropDownList 任务”中,选择“启用 AutoPostBack”复选框。

该控件这样配置后,只要用户在列表中进行了选择,即会使页向服务器回发,而不用等候用户单击按钮。

在“DropDownList 任务”中,选择“选择数据源”。

“选择数据源”向导启动。

在“选择数据源”列表中,单击“<新建数据源>”。

显示“数据源配置向导”对话框。

选择“数据库”。

此选项指定要从支持 SQL 语句的数据库中获取数据。(此类数据库包括 SQL Server 和其他与 OLE-DB 兼容的数据库。)

在“为数据源指定 ID”框中,将显示默认的数据源控件名称(“SqlDataSource1”)。可以保留此名称。

单击“确定”。

向导显示“配置数据源 - SqlDataSource1”页,您可以选择其中一个数据连接。

从下拉列表中,选择在演练前面部分创建的“Northwind”连接。

单击“下一步”。

该向导显示一页,在该页中可以选择将连接字符串存储到配置文件中。

确保选中了“是,将此连接另存为”复选框,然后单击“下一步”。(可以保留默认的连接字符串名称。)

该向导显示一页,在该页中可以指定要从数据库中获取的数据。

从“表或视图选项”下的“名称”列表中,选择“类别”。

在“列”框中,选择“CategoryID”和“CategoryName”。

单击“下一步”。

单击“测试查询”以确保您获取的是所需数据。

单击“完成”。

显示“数据源配置向导”,同时显示了已配置的数据源控件的名称。

从“选择要在 DropDownList 中显示的数据字段”列表中,选择“CategoryName”。

     这样即指定“CategoryName”字段的值将作为项的文本显示在下拉列表中。

 19.从“为 DropDownList 的值选择数据字段”列表中,选择“CategoryID”。

这样即指定当选择某一项时,“CategoryID”字段将作为该项的值返回。

 20.单击“确定”。

在继续之前,请测试下拉列表。

测试下拉列表
按 Ctrl+F5 运行该页。

显示该页后,检查下拉列表。

选择一个类别,确保列表执行回发。

现在,可以显示下拉列表中所选类别的产品。

使用网格显示详细信息

现在可以扩展页以包含网格。当用户在类别下拉列表中进行选择时,网格将显示该类别的产品。

使用网格显示详细信息
切换到或打开 Default.aspx 页(或还在使用的页),然后切换到“设计”视图。

从“工具箱”的“数据”组中,将一个“GridView”控件拖到该页上。

在“GridView 任务”菜单的“选择数据源”列表中,选择“<新建数据源>”。

“数据源配置向导”打开。

选择“数据库”。

在“为数据源指定 ID”框中,将显示默认的数据源控件名称(“SqlDataSource2”)。可以保留此名称。

单击“确定”。

向导将显示一页,在该页中可以选择连接。

从连接下拉列表中,选择在演练前面部分创建并存储的连接(“NorthwindConnectionString”)。

单击“下一步”。

向导显示“配置数据源 - SqlDataSource2”页,您可在其中创建 SQL 语句。

从“名称”列表中,选择“产品”。

在“列”框中,选择“ProductID”、“ProductName”和“CategoryID”。

单击“WHERE”。

显示“添加 WHERE 子句”对话框。

从“列”列表中,选择“CategoryID”。

从“运算符”列表中,选择“=”。

从“源”列表中,选择“控件”。

在“参数属性”的“控件 ID”列表中,选择“DropDownList1”。

前面两个步骤指定查询将从您前面添加的 DropDownList 控件中获取类别 ID 的搜索值。

单击“添加”。

单击“确定”关闭“添加 WHERE 子句”对话框。

单击“下一步”。

在“预览”页中,单击“测试查询”。

向导将显示一个对话框,提示您输入一个要在 WHERE 子句中使用的值。

在框中键入“4”,然后单击“确定”。

显示类别 4 的产品记录。

单击“完成”关闭向导。

现在可以测试主/详细信息显示。

对页进行测试
按 Ctrl+F5 运行该页。

当页出现时,显示下拉列表中第一个项的产品。

从列表中选择一个类别,确认相应产品出现在网格中。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值