|
五设计aspx页面 现在我们开始使用前面定义的Web服务和CascadingDropDown控件在一个Web页面中显示汽车和汽车模型信息 【第一步】把两个DropDownList控件拖动到Defaultaspx页面分别命名它们为ddlCars和ddlCarModels DataTextField="CarName" DataValueField="CarId" DataSourceID="ods_Cars"> Width="181px">
【第二步】创建一个ObjectDataSource，用于显示ddlCars下拉列表框中所有可用的汽车信息。默认情况下，当加载页面时，将显示出在Cars表格内所有可用的汽车。 OldValuesParameterFormatString="original_{0}" SelectMethod="GetAllCars" TypeName="dsCarsTableAdapters.CarsTableAdapter">
【第三步】在该页面上再添加一个CascadingDropDown控件，并设置下列属性（见列表）： 属性内容含义CategoryCars相应于knowCategoryValues的分类LoadingText请等待……当dropdownlist控件正在加载时显示的消息 ParentControlID ddlCars从中选择CategoryId的DropDownListPromptText请选择一个模型在没有选择内容时的提示文本TargetControlID ddlCarModelsCascadingDropDownNameValue应该加载到的DropDownList控件ServicePathCarsService.asmx 指向web服务的路径ServiceMethod GetModelsByCarId被调用以取得相应值的Web方法【注意】当把CascadingDropDown控件拖动到页面上时，系统将自动在页面“源”视图内容的前面加上下面一句： <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
显然，这里在Default.aspx页面中自动添加一个对AjaxControlToolkit.dll的引用。根据上面属性输入完毕后的代码如下所示： ID="CascadingDropDown1" runat="server" Category="Cars" ParentControlID="ddlCars" TargetControlID="ddlCarModels" ServicePath="CarsService.asmx" ServiceMethod="GetModelsByCarId" LoadingText="请等待……" PromptText="请选择一个模型">
六、运行结果 最后，按F5运行之。一切顺利的话，你会看到运行中的ASP.NET AJAX CascadingDropDown控件的使用（如图7所示）。值得注意的是，这个Ajax控件的数据来源于后台的SQL Server数据库。 498)this.style.width=498;">图7：示例网站运行结果拉框中的数据来源于SQL Server 2005数据库，并且这些数据的提供是在后台基于AJAX技术异步加载的。 七、总结 在本文中，我们仍然学习了一个简单例子，探讨了如何在ASP.NET 2.0 Web页面中构建支持Ajax技术的层叠式下拉列表框控件，并基于SQL Server 2005为此控件提供数据支持。同时，我们也领略到在VS2005中进行Web开发时前后端之间连接的流畅性。 [1] [2] [3] [4] [5] [6] |
