ajaxControlToolkit中CascadingDropDown的用法说明
用法说明
2023-06-13 09:14:06 时间
利用Table控制位置来实现刚好最近在学习ajaxControlToolkit中的控件,想到了CascadingDropDown层叠下拉是一个级联联动的下来扩展挺好用
先介绍下CascadingDropDown的一些属性：
TargetControlID目标控件ID就是所控制的DropDownList的ID
Category类别(下个CascadingDropDown取这个上个传过来值的一个类名字,下面代码中会详细说到)
PromptText提示信息再没有点击所控制DropDownList控件前显示的信息
LoadingText加载数据信息如果数据比较多,则给用户一个提示
ServicePath提供数据方法的WebService的路径
ServiceMethodWeb服务中提供数据的方法
ParentControlID控制此CascadingDropDown所控制的DropdownList是否可用的上级DropDownList的ID
SelectedValue默认选中的数据
过程：
加入ScriptManager控件
加入三个DropDownList控件
加入三个CascadingDropDown控件
测试例中添加一个WebService页面
首先编写WebService中的取数据方法,一般做法都是页面有几个CascadingDropDown控件,就添加一个[WebMethod]方法
当然,可以用一些技巧把这些方法的共同处整合起来(这些技巧需要代码的积累,小生还谈不上积累,还望高手们多多指教)
下面是在一篇示例中的一个WEB服务的页面中的一个取数据方法注解(有错的地方请大虾们多多指教)：
其中,类上面添加[System.Web.Script.Services.ScriptService]是必须的
[WebMethod]
publicAjaxControlToolkit.CascadingDropDownNameValue[]GetOrdersByEmployeeID(stringknownCategoryValues,stringcategory)
{
//字符串字典这个类么用过看别人是这么写的
//也可以这么用：string[]strValues=knownCategoryValues.Split(":",";");
//然后取值：strValues[0]是namestrValues[1]是value吧
System.Collections.Specialized.StringDictionarykv=CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
intiEmployee;
//其中Employee就是父控件传入的knownCategoryValues参数中传过来的一个类别，父控件的Category的值是"Employee"
//knownCategoryValues的值是则是："EmployeeName:value;"类型
//如果父控件中[WebMethod]方法中是如下加入的值
//list.Add(newAjaxControlToolkit.CascadingDropDownNameValue("张三","123"));
//则knownCategoryValues中是"Employee张三:123;"(如果这里有误,请大虾们指导下)
//方法中的category则是Category的值,这里下虾我迷惑的是,这个值是本控件的Category的值还是父控件的值?
//我认为是调用此方法的category的CascadingDropDown的Category的属性,原因是父控件的这个属性是在knownCategoryValues值中判断出来的
if(!kv.ContainsKey("Employee")||!Int32.TryParse(kv["Employee"],outiEmployee))
{
returnnull;
}
//下面的取数据方法可以根据项目中的实际情况更改,这里我用的是一个大虾博客上的一个方法做示例,因为自己写的需要在sql语句中添加一些判断,并且数据表表陌生,
stringstringConnection="Server=.;DataBase=Northwind;uid=sa;pwd=sl";
System.Data.SqlClient.SqlConnectionconn=newSystem.Data.SqlClient.SqlConnection(stringConnection);
System.Data.SqlClient.SqlCommandcmd=newSystem.Data.SqlClient.SqlCommand("SELECTOrderIDFROMOrdersWHEREEmployeeID="+iEmployee);
cmd.Connection=conn;
System.Data.SqlClient.SqlDataAdapterda=newSystem.Data.SqlClient.SqlDataAdapter(cmd);
System.Data.DataSetds=newSystem.Data.DataSet();
da.Fill(ds);
cmd.Connection.Close();
//
System.Collections.Generic.List<AjaxControlToolkit.CascadingDropDownNameValue>list=newSystem.Collections.Generic.List<CascadingDropDownNameValue>();
//下拉列表中的值
foreach(System.Data.DataRowdrinds.Tables[0].Rows)
{
stringsOrder=dr["OrderID"].ToString();
intiOrder=(int)dr["OrderID"];
//CascadingDropDownNameValue("Name","Value")name是在DropDownList中显示的textvalue是DropDownList的value
//DropDownList中的selectedValue则传给下个控制dropdownList的CascadingDropDown调用的webService方法中的knownCategoryValues的值
list.Add(newAjaxControlToolkit.CascadingDropDownNameValue(sOrder,iOrder.ToString()));
}
returnlist.ToArray();
}
下面是页面中的设置代码：
页面中ScriptManger控件的必须的
<asp:DropDownListID="DropDownList1"runat="server">
</asp:DropDownList>
<asp:DropDownListID="DropDownList2"runat="server">
</asp:DropDownList>
<asp:DropDownListID="DropDownList3"runat="server">
</asp:DropDownList><br/>
<cc1:CascadingDropDownID="CascadingDropDown1"runat="server"Category="Employee"Enabled="True"PromptText="SelectEmployee"ServiceMethod="GetEmployees"TargetControlID="DropDownList1"ServicePath="AutoComplete.asmx">
</cc1:CascadingDropDown>
<cc1:CascadingDropDownID="CascadingDropDown2"runat="server"ParentControlID="DropDownList1"Category="Order"Enabled="True"PromptText="SelectOrder"ServiceMethod="GetOrdersByEmployeeID"TargetControlID="DropDownList2"ServicePath="AutoComplete.asmx">
</cc1:CascadingDropDown>
<cc1:CascadingDropDownID="CascadingDropDown3"runat="server"ParentControlID="DropDownList2"Enabled="True"PromptText="SelectPice"ServiceMethod="GetDetailsByOrder"TargetControlID="DropDownList3"ServicePath="AutoComplete.asmx"Category="Pice">
</cc1:CascadingDropDown>
全部例子这里就不加了,网上很多大虾都写过了！