欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ajaxControlToolkit中CascadingDropDown的用法说明

程序员文章站 2022-04-29 12:45:13
利用table控制位置来实现 刚好最近在学习ajaxcontroltoolkit中的控件,想到了cascadingdropdown 层叠下拉 是一个级联联动的下来扩展 挺好...

利用table控制位置来实现 刚好最近在学习ajaxcontroltoolkit中的控件,想到了cascadingdropdown 层叠下拉 是一个级联联动的下来扩展 挺好用
先介绍下cascadingdropdown的一些属性:
targetcontrolid 目标控件id 就是所控制的dropdownlist 的id
category 类别(下个cascadingdropdown取这个上个传过来值的一个类名字,下面代码中会详细说到)
prompttext 提示信息 再没有点击所控制dropdownlist控件前显示的信息
loadingtext 加载数据信息 如果数据比较多,则给用户一个提示
servicepath 提供数据方法的webservice的路径
servicemethod web服务中提供数据的方法
parentcontrolid 控制此cascadingdropdown所控制的dropdownlist是否可用的上级dropdownlist的id
selectedvalue 默认选中的数据
过程:
加入scriptmanager控件
加入三个dropdownlist控件
加入三个cascadingdropdown控件
测试例中添加一个webservice页面
首先编写webservice中的取数据方法,一般做法都是页面有几个cascadingdropdown控件,就添加一个[webmethod]方法
当然,可以用一些技巧把这些方法的共同处整合起来(这些技巧需要代码的积累,小生还谈不上积累,还望高手们多多指教)
下面是在一篇示例中的一个web服务的页面中的一个取数据方法注解(有错的地方请大虾们多多指教):
其中,类上面添加 [system.web.script.services.scriptservice]是必须的
[webmethod]

复制代码 代码如下:

public ajaxcontroltoolkit.cascadingdropdownnamevalue[] getordersbyemployeeid(string knowncategoryvalues, string category)
{

//字符串字典 这个类 么用过 看别人是这么写的
//也可以这么用:string [] strvalues=knowncategoryvalues.split(':',';');
// 然后取值: strvalues[0]是 name strvalues[1]是value吧

system.collections.specialized.stringdictionary kv = cascadingdropdown.parseknowncategoryvaluesstring(knowncategoryvalues);
int iemployee;

//其中employee就是父控件传入的knowncategoryvalues参数中传过来的一个类别,父控件的category的值是"employee"
//knowncategoryvalues的值是则是:"employeename:value;" 类型
//如果父控件中[webmethod]方法中是如下加入的值
// list.add(new ajaxcontroltoolkit.cascadingdropdownnamevalue("张三","123"));
//则knowncategoryvalues中是 "employee张三:123;" (如果这里有误,请大虾们指导下)
//方法中的category则是category的值,这里下虾我迷惑的是,这个值是本控件的category的值还是父控件的值?
//我认为是调用此方法的category的cascadingdropdown的category的属性,原因是父控件的这个属性是在knowncategoryvalues值中判断出来的

if (!kv.containskey("employee") || !int32.tryparse(kv["employee"], out iemployee))
{
return null;
}
//下面的取数据方法可以根据项目中的实际情况更改,这里我用的是一个大虾博客上的一个方法做示例,因为自己写的需要在sql语句中添加一些判断,并且数据表表陌生,
string stringconnection = "server=.;database=northwind;uid=sa;pwd=sl";
system.data.sqlclient.sqlconnection conn= new system.data.sqlclient.sqlconnection(stringconnection);
system.data.sqlclient.sqlcommand cmd = new system.data.sqlclient.sqlcommand("select orderid from orders where employeeid = " + iemployee);
cmd.connection = conn;
system.data.sqlclient.sqldataadapter da = new system.data.sqlclient.sqldataadapter(cmd);
system.data.dataset ds = new system.data.dataset();
da.fill(ds);
cmd.connection.close();
//
system.collections.generic.list<ajaxcontroltoolkit.cascadingdropdownnamevalue> list = new system.collections.generic.list<cascadingdropdownnamevalue>();

//下拉列表中的值
foreach (system.data.datarow dr in ds.tables[0].rows)
{
string sorder=dr["orderid"].tostring();
int iorder=(int)dr["orderid"];
//cascadingdropdownnamevalue("name","value") name是在dropdownlist中显示的text value是dropdownlist的 value
// dropdownlist中的selectedvalue则传给下个控制dropdownlist的cascadingdropdown调用的webservice方法中的knowncategoryvalues的值

list.add(new ajaxcontroltoolkit.cascadingdropdownnamevalue(sorder,iorder.tostring()));
}
return list.toarray();
}

下面是页面中的设置代码:
页面中scriptmanger控件的必须的
复制代码 代码如下:

<asp:dropdownlist id="dropdownlist1" runat="server">
</asp:dropdownlist>
<asp:dropdownlist id="dropdownlist2" runat="server">
</asp:dropdownlist>
<asp:dropdownlist id="dropdownlist3" runat="server">
</asp:dropdownlist><br />
<cc1:cascadingdropdown id="cascadingdropdown1" runat="server" category="employee" enabled="true" prompttext="select employee" servicemethod="getemployees" targetcontrolid="dropdownlist1" servicepath="autocomplete.asmx">
</cc1:cascadingdropdown>
<cc1:cascadingdropdown id="cascadingdropdown2" runat="server" parentcontrolid="dropdownlist1" category="order" enabled="true" prompttext="select order" servicemethod="getordersbyemployeeid" targetcontrolid="dropdownlist2" servicepath="autocomplete.asmx">
</cc1:cascadingdropdown>
<cc1:cascadingdropdown id="cascadingdropdown3" runat="server" parentcontrolid="dropdownlist2" enabled="true" prompttext="select pice" servicemethod="getdetailsbyorder" targetcontrolid="dropdownlist3" servicepath="autocomplete.asmx" category="pice">
</cc1:cascadingdropdown>

全部例子这里就不加了,网上很多大虾都写过了!