微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

十二、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();    //因为kvICollection接口,所以必须使用[“”]方法读取数据,其中“”是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类型数组

        }

    }

}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐