asp.net AJAX中的CascadingDropDown控件使用心得
基本怎么用这里就不啰嗦了，网上有很多文章介绍，包括asp.net那边也有示例可以下载，这里重点说说Category这个属性及如何构建webservice，CascadingDropDown得和webservice配合使用才行。先看页面控件代码view plaincopy to clipboardprint?
<!--下拉列表控件-->
<asp:DropDownList ID="ddlRootClass" runat="server"></asp:DropDownList>
<asp:DropDownList ID="ddlSubClass" runat="server"></asp:DropDownList>
<!--对应的CascadingDropDown控件-->
<cc1:CascadingDropDown ID="CascadingDropDown1" runat="server" LoadingText="加载中" PromptText="请选择"
ServiceMethod="ClientTypeRootList" ServicePath="/Common/ClientTypeCascadingDropDown.asmx"
TargetControlID="ddlRootClass" Category="RootClientType">
</cc1:CascadingDropDown>
<cc1:CascadingDropDown ID="CascadingDropDown2" runat="server" LoadingText="加载中" PromptText="请选择"
ServiceMethod="ClientTypeSubList" ServicePath="/Common/ClientTypeCascadingDropDown.asmx"
TargetControlID="ddlSubClass" Category="SubClientType" ParentControlID="ddlRootClass">
</cc1:CascadingDropDown>
<!--下拉列表控件-->
<asp:DropDownList ID="ddlRootClass" runat="server"></asp:DropDownList>
<asp:DropDownList ID="ddlSubClass" runat="server"></asp:DropDownList>
<!--对应的CascadingDropDown控件-->
<cc1:CascadingDropDown ID="CascadingDropDown1" runat="server" LoadingText="加载中" PromptText="请选择"
ServiceMethod="ClientTypeRootList" ServicePath="/Common/ClientTypeCascadingDropDown.asmx"
TargetControlID="ddlRootClass" Category="RootClientType">
</cc1:CascadingDropDown>
<cc1:CascadingDropDown ID="CascadingDropDown2" runat="server" LoadingText="加载中" PromptText="请选择"
ServiceMethod="ClientTypeSubList" ServicePath="/Common/ClientTypeCascadingDropDown.asmx"
TargetControlID="ddlSubClass" Category="SubClientType" ParentControlID="ddlRootClass">
</cc1:CascadingDropDown>注意CascadingDropDownr控件中的Category设置，Category主要就是为你CascadingDropDownr控件对应的下拉列表控件选定的值取个名字，好区分是下拉列表的值，所以这个得取的不一样。ServiceMethod主要就是对应WebSerivce的方法了，指明当前CascadingDropDown控件使用哪个WebSerivce中的方法，其它的么就不细说了。
再来看WebService的代码view plaincopy to clipboardprint?
/// <summary>
/// ClientType Ajax下拉列表数据服务（注意代码中的［］是全角，使用的时候替换成半角的）
/// </summary>
［WebService(Namespace = "http:tempuri.org/")］
［WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)］
［System.Web.Script.Services.ScriptService］ //<-这段必须得存在
public class ClientTypeCascadingDropDown : System.Web.Services.WebService
{
［WebMethod］
//一级客户类别相关的WebService方法
public CascadingDropDownNameValue［］ ClientTypeRootList(string knownCategoryValues,string category) //<-除了ClientTypeRootList这个方法名可变动，其它不能变动
{
StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues); //<-这段也得有，呵呵
//这里就可以放你的数据库相关代码，比如把一级客户类别从数据库取出来然后存放在一个数组中
//因为这里是一级客户的下拉列表，所以不用去管那个category的值
//Model.ClientType是我建的一个实体类，其中有ClientTypeName,ClientTypeID,ParentClientTypeID几个属性
//Model.ClientType model = new Model.ClientType();
//Model.ClientType［］ models = new Model.ClientType［］;
//当然你也可以使用DataSet、DataTabel等，在foreach那边把列表需要的值填充进去就好
//下以部分是下拉列表填充代码
List<CascadingDropDownNameValue> values = new List<CascadingDropDownNameValue>();
foreach (Model.ClientType model in models)
{
values.Add(new CascadingDropDownNameValue(model.ClientTypeName,model.ClientTypeID.ToString()));
}
return values.ToArray();
}
［WebMethod］
//二级客户类别相关的WebService方法
public CascadingDropDownNameValue［］ ClientTypeSubList(string knownCategoryValues, string category) //<-除了ClientTypeRootList这个方法名可变动，其它不能变动
{
StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues); //<-这段也得有，呵呵
//二级客户的下拉列表，得取得一级的category的值，以下代码是判断上级列表的category值，存在或不是空的话把值赋给parentClientTypeID
//RootClientType是一级CascadingDropDown设置的category属性名称
int parentClientTypeID;
if (!kv.ContainsKey("RootClientType") || !Int32.TryParse(kv［"RootClientType"］, out parentClientTypeID))
{
return null;
}
//这里就可以放你的数据库相关代码，比如把一级客户类别从数据库取出来然后存放在一个数组中
//Model.ClientType是我建的一个实体类，其中有ClientTypeName,ClientTypeID,ParentClientTypeID几个属性
//Model.ClientType model = new Model.ClientType();
//Model.ClientType［］ models = new Model.ClientType［］;
//当然你也可以使用DataSet、DataTabel等，在foreach那边把列表需要的值填充进去就好
List<CascadingDropDownNameValue> values = new List<CascadingDropDownNameValue>();
foreach (Model.ClientType model in models)
{
values.Add(new CascadingDropDownNameValue(model.ClientTypeName, model.ClientTypeID.ToString()));
}
return values.ToArray();
}
}
/// <summary>
/// ClientType Ajax下拉列表数据服务（注意代码中的［］是全角，使用的时候替换成半角的）
/// </summary>
［WebService(Namespace = "http:tempuri.org/")］
［WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)］
［System.Web.Script.Services.ScriptService］ //<-这段必须得存在
public class ClientTypeCascadingDropDown : System.Web.Services.WebService
{
［WebMethod］
//一级客户类别相关的WebService方法
public CascadingDropDownNameValue［］ ClientTypeRootList(string knownCategoryValues,string category) //<-除了ClientTypeRootList这个方法名可变动，其它不能变动
{
StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues); //<-这段也得有，呵呵
//这里就可以放你的数据库相关代码，比如把一级客户类别从数据库取出来然后存放在一个数组中
//因为这里是一级客户的下拉列表，所以不用去管那个category的值
//Model.ClientType是我建的一个实体类，其中有ClientTypeName,ClientTypeID,ParentClientTypeID几个属性
//Model.ClientType model = new Model.ClientType();
//Model.ClientType［］ models = new Model.ClientType［］;
//当然你也可以使用DataSet、DataTabel等，在foreach那边把列表需要的值填充进去就好
//下以部分是下拉列表填充代码
List<CascadingDropDownNameValue> values = new List<CascadingDropDownNameValue>();
foreach (Model.ClientType model in models)
{
values.Add(new CascadingDropDownNameValue(model.ClientTypeName,model.ClientTypeID.ToString()));
}
return values.ToArray();
}
［WebMethod］
//二级客户类别相关的WebService方法
public CascadingDropDownNameValue［］ ClientTypeSubList(string knownCategoryValues, string category) //<-除了ClientTypeRootList这个方法名可变动，其它不能变动
{
StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues); //<-这段也得有，呵呵
//二级客户的下拉列表，得取得一级的category的值，以下代码是判断上级列表的category值，存在或不是空的话把值赋给parentClientTypeID
//RootClientType是一级CascadingDropDown设置的category属性名称
int parentClientTypeID;
if (!kv.ContainsKey("RootClientType") || !Int32.TryParse(kv［"RootClientType"］, out parentClientTypeID))
{
return null;
}
//这里就可以放你的数据库相关代码，比如把一级客户类别从数据库取出来然后存放在一个数组中
//Model.ClientType是我建的一个实体类，其中有ClientTypeName,ClientTypeID,ParentClientTypeID几个属性
//Model.ClientType model = new Model.ClientType();
//Model.ClientType［］ models = new Model.ClientType［］;
//当然你也可以使用DataSet、DataTabel等，在foreach那边把列表需要的值填充进去就好
List<CascadingDropDownNameValue> values = new List<CascadingDropDownNameValue>();
foreach (Model.ClientType model in models)
{
values.Add(new CascadingDropDownNameValue(model.ClientTypeName, model.ClientTypeID.ToString()));
}
return values.ToArray();
}
}基本上一个CascadingDropDown控件就会应对一个Webserivce的方法，如果再有第三个，第四个CascadingDropDown，按ClientTypeSubList为第三个，第四个CascadingDropDown添加对应WebService方法