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

ASP.NET
asp.net GridView控件中模板列CheckBox全选、反选、取消
asp.net GridView 删除时弹出确认对话框(包括内容提示)
asp.net DropDownList 三级联动下拉菜单实现代码
asp DataTable添加列和行的三种方法
Asp.net 页面调用javascript变量的值
asp.net 长文章通过设定的行数分页
asp.net 定时间点执行任务的简易解决办法
asp.net 页面延时五秒,跳转到另外的页面
asp.net 动态输出透明gif图片
asp.net DataList与Repeater用法区别
asp.net Javascript获取CheckBoxList的value
asp.net程序在调式和发布之间图片路径问题的解决方法
asp.net下生成英文字符数字验证码的代码
asp.net 页面版文本框智能提示JSCode (升级版)
ASP.NET URL伪静态重写实现方法
ASP.NET 2.0 中Forms安全认证
asp.net 动态添加多个用户控件
asp.net Repeater显示父子表数据,无闪烁
asp.net 无法获取的内部内容,因为该内容不是文本 的解决方法
asp.net GridView排序简单实现

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 97 ::
收藏到网摘: 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>

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