十二、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类型数组

        }

    }

}