当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ajaxControlToolkit中CascadingDropDown的用法说明

ASP.NET
Visual Studio.Net 内幕(7)
.Net 2.0 原汁原味读取注册表
ASP.NET 2.0中预设的cookie
ASP.NET:一段比较经典的多线程学习代码
ASP.NET2.0服务器控件之自定义状态管理
Asp.net给站点某目录增加Aspnet用户
ASP.NET技巧:请求网址并解析返回的html
在Asp.net用C#建立动态Excel
ASP.NET2.0:页面中链入的CSS、js文件带中文时需注意
ASP.NET技巧:数据岛出到Excel最为简易的方法
第一次用.net2.0 LOGIN登陆控件的困惑和解决方法
在ASP.net中保存/取出图片入/从SQL数据库
ASP.NET技巧:做个DataList可分页的数据源
在.NET中利用委托实现窗体间通信
在.NET2.0中使用自定义事务操作
解决 ASP.NET中目录访问权限的问题
ASP.Net防止刷新自动触发事件的解决方案
白刃之战:PHP vs. ASP.NET(节选)-架构比较
C#中使用SendMessage
提取HTML代码中文字的C#函数

ASP.NET 中的 ajaxControlToolkit中CascadingDropDown的用法说明


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 134 ::
收藏到网摘: n/a

今天头叫写一个类似三级联动的控件,最好实现无刷新,是石油软件中的一个数据,需要表现出类似 X1-22 这样的格式,上下标的数据是固定的 想了很多办法来表现这个数字,最后决定用3个DropDownList控件

利用Table控制位置来实现 刚好最近在学习ajaxControlToolkit中的控件,想到了CascadingDropDown 层叠下拉 是一个级联联动的下来扩展 挺好用
先介绍下CascadingDropDown的一些属性:
TargetControlID 目标控件ID 就是所控制的DropDownList 的ID
Category 类别(下个CascadingDropDown取这个上个传过来值的一个类名字,下面代码中会详细说到)
PromptText 提示信息 再没有点击所控制DropDownList控件前显示的信息
LoadingText 加载数据信息 如果数据比较多,则给用户一个提示
ServicePath 提供数据方法的WebService的路径
ServiceMethod Web服务中提供数据的方法
ParentControlID 控制此CascadingDropDown所控制的DropdownList是否可用的上级DropDownList的ID
SelectedValue 默认选中的数据
过程:
加入ScriptManager控件
加入三个DropDownList控件
加入三个CascadingDropDown控件
测试例中添加一个WebService页面
首先编写WebService中的取数据方法,一般做法都是页面有几个CascadingDropDown控件,就添加一个[WebMethod]方法
当然,可以用一些技巧把这些方法的共同处整合起来(这些技巧需要代码的积累,小生还谈不上积累,还望高手们多多指教)
下面是在一篇示例中的一个WEB服务的页面中的一个取数据方法注解(有错的地方请大虾们多多指教):
其中,类上面添加 [System.Web.Script.Services.ScriptService]是必须的
[WebMethod]

复制代码 代码如下:

public AjaxControlToolkit.CascadingDropDownNameValue[] GetOrdersByEmployeeID(string knownCategoryValues, string category)
{
//字符串字典 这个类 么用过 看别人是这么写的
//也可以这么用:string [] strValues=knownCategoryValues.Split(':',';');
// 然后取值: strValues[0]是 name strValues[1]是value吧
System.Collections.Specialized.StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
int iEmployee;
//其中Employee就是父控件传入的knownCategoryValues参数中传过来的一个类别,父控件的Category的值是"Employee"
//knownCategoryValues的值是则是:"EmployeeName:value;" 类型
//如果父控件中[WebMethod]方法中是如下加入的值
// list.Add(new AjaxControlToolkit.CascadingDropDownNameValue("张三","123"));
//则knownCategoryValues中是 "Employee张三:123;" (如果这里有误,请大虾们指导下)
//方法中的category则是Category的值,这里下虾我迷惑的是,这个值是本控件的Category的值还是父控件的值?
//我认为是调用此方法的category的CascadingDropDown的Category的属性,原因是父控件的这个属性是在knownCategoryValues值中判断出来的
if (!kv.ContainsKey("Employee") || !Int32.TryParse(kv["Employee"], out iEmployee))
{
return null;
}
//下面的取数据方法可以根据项目中的实际情况更改,这里我用的是一个大虾博客上的一个方法做示例,因为自己写的需要在sql语句中添加一些判断,并且数据表表陌生,
string stringConnection = "Server=.;DataBase=Northwind;uid=sa;pwd=sl";
System.Data.SqlClient.SqlConnection conn= new System.Data.SqlClient.SqlConnection(stringConnection);
System.Data.SqlClient.SqlCommand cmd = new System.Data.SqlClient.SqlCommand("SELECT OrderID FROM Orders WHERE EmployeeID = " + iEmployee);
cmd.Connection = conn;
System.Data.SqlClient.SqlDataAdapter da = new System.Data.SqlClient.SqlDataAdapter(cmd);
System.Data.DataSet ds = new System.Data.DataSet();
da.Fill(ds);
cmd.Connection.Close();
//
System.Collections.Generic.List<AjaxControlToolkit.CascadingDropDownNameValue> list = new System.Collections.Generic.List<CascadingDropDownNameValue>();
//下拉列表中的值
foreach (System.Data.DataRow dr in ds.Tables[0].Rows)
{
string sOrder=dr["OrderID"].ToString();
int iOrder=(int)dr["OrderID"];
//CascadingDropDownNameValue("Name","Value") name是在DropDownList中显示的text value是DropDownList的 value
// DropDownList中的selectedValue则传给下个控制dropdownList的CascadingDropDown调用的webService方法中的knownCategoryValues的值
list.Add(new AjaxControlToolkit.CascadingDropDownNameValue(sOrder,iOrder.ToString()));
}
return list.ToArray();
}

下面是页面中的设置代码:
页面中ScriptManger控件的必须的
复制代码 代码如下:

<asp:DropDownList ID="DropDownList1" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList3" runat="server">
</asp:DropDownList><br />
<cc1:CascadingDropDown ID="CascadingDropDown1" runat="server" Category="Employee" Enabled="True" PromptText="Select Employee" ServiceMethod="GetEmployees" TargetControlID="DropDownList1" ServicePath="AutoComplete.asmx">
</cc1:CascadingDropDown>
<cc1:CascadingDropDown ID="CascadingDropDown2" runat="server" ParentControlID="DropDownList1" Category="Order" Enabled="True" PromptText="Select Order" ServiceMethod="GetOrdersByEmployeeID" TargetControlID="DropDownList2" ServicePath="AutoComplete.asmx">
</cc1:CascadingDropDown>
<cc1:CascadingDropDown ID="CascadingDropDown3" runat="server" ParentControlID="DropDownList2" Enabled="True" PromptText="Select Pice" ServiceMethod="GetDetailsByOrder" TargetControlID="DropDownList3" ServicePath="AutoComplete.asmx" Category="Pice">
</cc1:CascadingDropDown>

全部例子这里就不加了,网上很多大虾都写过了!