本文主要是介绍十二、CascadingDropDown——级联下拉列表，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
CascadingDropDown级联下拉列表，就是一个无刷新的多级联动。
举例如下：
这里用一个三级联动的例子说明，其它的二级或更多级的联动都很容易了。
1. 添加一个ScriptManage
2. 添加三个DropDownList和三个CascadingDropDown，每个DropDownList都需要对应一个CascadingDropDown
<cc1:CascadingDropDown ID="CascadingDropDown_1" runat="server"
TargetControlID="DropDownList_1" //对应的下拉框表控件的ID
ServicePath="CascadingDropDown.asmx" //要调用的web服务
ServiceMethod="getListItems" //要调用的web服务的方法
Category="一级" //当前下拉列表的类型
LoadingText="正在加载一级列表。。。" //正在加载时显示的文本
PromptText="请选择一级列表"> //当下拉列表中无数据或没有选择数据时给用户的提示
</cc1:CascadingDropDown>
<asp:DropDownList ID="DropDownList_1" runat="server">
</asp:DropDownList>
<cc1:CascadingDropDown ID="CascadingDropDown_2" runat="server"
ParentControlID="DropDownList_1" //对于联动的最上层下拉列表不需要这个参数，而其它的都需要
TargetControlID="DropDownList_2"
ServicePath="CascadingDropDown.asmx"
ServiceMethod="getListItems"
Category="二级"
LoadingText="正在加载二级列表"
PromptText="请选择二级列表">
</cc1:CascadingDropDown>
<asp:DropDownList ID="DropDownList_2" runat="server">
</asp:DropDownList>
<cc1:CascadingDropDown ID="CascadingDropDown_3" runat="server"
ParentControlID="DropDownList_2"
TargetControlID="DropDownList_3"
ServicePath="CascadingDropDown.asmx"
ServiceMethod="getListItems"
Category="三级"
LoadingText="正在加载三级列表"
PromptText="请选择三级列表">
</cc1:CascadingDropDown>
<asp:DropDownList ID="DropDownList_3" runat="server">
</asp:DropDownList>
3. 编写web服务
<%@ WebService Language="C#" Class="AjaxToolkit.CascadingDropDown" %>
using System;
using System.Collections;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
namespace AjaxToolkit
{
/// <summary>
///CascadingDropDown 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class CascadingDropDown : System.Web.Services.WebService
{
public CascadingDropDown()
{
//如果使用设计的组件，请取消注释以下行
//InitializeComponent();
}
[WebMethod]
public AjaxControlToolkit.CascadingDropDownNameValue[] getListItems(string knownCategoryValues, string category) //必须使用CascadingDropDownNameValue数组返回
{
System.Collections.Generic.List<AjaxControlToolkit.CascadingDropDownNameValue> cdnvs =
new System.Collections.Generic.List<AjaxControlToolkit.CascadingDropDownNameValue>();
System.Threading.Thread.Sleep(1 * 1000); //延时一秒
System.Collections.Specialized.StringDictionary kv =
AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues); //获取下拉列表值
if (category == "一级")
{
for (int i = 0; i < 6; i++)
{
string name = category + "_" + i.ToString();
string value = "1_" + i.ToString();
cdnvs.Add(new AjaxControlToolkit.CascadingDropDownNameValue(name, value));
}
}
else if (category == "二级")
{
for (int i = 0; i < 6; i++)
{
string name = "二级_" + i.ToString();
string value = kv["一级"].ToString() + "_" + i.ToString(); //因为kv是ICollection接口，所以必须使用[“”]方法读取数据，其中“”是CascadingDropDown属性中的Category
cdnvs.Add(new AjaxControlToolkit.CascadingDropDownNameValue(name, value));
}
}
else if (category == "三级")
{
for (int i = 0; i < 6; i++)
{
string name = "三级_" + i.ToString();
string value = kv["二级"].ToString() + "_" + i.ToString();
cdnvs.Add(new AjaxControlToolkit.CascadingDropDownNameValue(name, value));
}
}
return cdnvs.ToArray<AjaxControlToolkit.CascadingDropDownNameValue>(); //返回CascadingDropDownNameValue类型数组
}
}
}
这篇关于十二、CascadingDropDown——级联下拉列表的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
