ajaxControlToolkit中CascadingDropDown的用法說明
利用Table控制位置來實(shí)現(xiàn) 剛好最近在學(xué)習(xí)ajaxControlToolkit中的控件,想到了CascadingDropDown 層疊下拉 是一個(gè)級(jí)聯(lián)聯(lián)動(dòng)的下來擴(kuò)展 挺好用
先介紹下CascadingDropDown的一些屬性:
TargetControlID 目標(biāo)控件ID 就是所控制的DropDownList 的ID
Category 類別(下個(gè)CascadingDropDown取這個(gè)上個(gè)傳過來值的一個(gè)類名字,下面代碼中會(huì)詳細(xì)說到)
PromptText 提示信息 再?zèng)]有點(diǎn)擊所控制DropDownList控件前顯示的信息
LoadingText 加載數(shù)據(jù)信息 如果數(shù)據(jù)比較多,則給用戶一個(gè)提示
ServicePath 提供數(shù)據(jù)方法的WebService的路徑
ServiceMethod Web服務(wù)中提供數(shù)據(jù)的方法
ParentControlID 控制此CascadingDropDown所控制的DropdownList是否可用的上級(jí)DropDownList的ID
SelectedValue 默認(rèn)選中的數(shù)據(jù)
過程:
加入ScriptManager控件
加入三個(gè)DropDownList控件
加入三個(gè)CascadingDropDown控件
測試?yán)刑砑右粋€(gè)WebService頁面
首先編寫WebService中的取數(shù)據(jù)方法,一般做法都是頁面有幾個(gè)CascadingDropDown控件,就添加一個(gè)[WebMethod]方法
當(dāng)然,可以用一些技巧把這些方法的共同處整合起來(這些技巧需要代碼的積累,小生還談不上積累,還望高手們多多指教)
下面是在一篇示例中的一個(gè)WEB服務(wù)的頁面中的一個(gè)取數(shù)據(jù)方法注解(有錯(cuò)的地方請(qǐng)大蝦們多多指教):
其中,類上面添加 [System.Web.Script.Services.ScriptService]是必須的
[WebMethod]
public AjaxControlToolkit.CascadingDropDownNameValue[] GetOrdersByEmployeeID(string knownCategoryValues, string category)
{
//字符串字典 這個(gè)類 么用過 看別人是這么寫的
//也可以這么用:string [] strValues=knownCategoryValues.Split(':',';');
// 然后取值: strValues[0]是 name strValues[1]是value吧
System.Collections.Specialized.StringDictionary kv = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
int iEmployee;
//其中Employee就是父控件傳入的knownCategoryValues參數(shù)中傳過來的一個(gè)類別,父控件的Category的值是"Employee"
//knownCategoryValues的值是則是:"EmployeeName:value;" 類型
//如果父控件中[WebMethod]方法中是如下加入的值
// list.Add(new AjaxControlToolkit.CascadingDropDownNameValue("張三","123"));
//則knownCategoryValues中是 "Employee張三:123;" (如果這里有誤,請(qǐng)大蝦們指導(dǎo)下)
//方法中的category則是Category的值,這里下蝦我迷惑的是,這個(gè)值是本控件的Category的值還是父控件的值?
//我認(rèn)為是調(diào)用此方法的category的CascadingDropDown的Category的屬性,原因是父控件的這個(gè)屬性是在knownCategoryValues值中判斷出來的
if (!kv.ContainsKey("Employee") || !Int32.TryParse(kv["Employee"], out iEmployee))
{
return null;
}
//下面的取數(shù)據(jù)方法可以根據(jù)項(xiàng)目中的實(shí)際情況更改,這里我用的是一個(gè)大蝦博客上的一個(gè)方法做示例,因?yàn)樽约簩懙男枰趕ql語句中添加一些判斷,并且數(shù)據(jù)表表陌生,
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則傳給下個(gè)控制dropdownList的CascadingDropDown調(diào)用的webService方法中的knownCategoryValues的值
list.Add(new AjaxControlToolkit.CascadingDropDownNameValue(sOrder,iOrder.ToString()));
}
return list.ToArray();
}
下面是頁面中的設(shè)置代碼:
頁面中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>
全部例子這里就不加了,網(wǎng)上很多大蝦都寫過了!
相關(guān)文章
asp.net實(shí)現(xiàn)訪問局域網(wǎng)共享目錄下文件的解決方法
這篇文章主要介紹了asp.net實(shí)現(xiàn)訪問局域網(wǎng)共享目錄下文件的解決方法,需要的朋友可以參考下2014-07-07
.NET Core 基于Websocket的在線聊天室實(shí)現(xiàn)
這篇文章主要介紹了.NET Core 基于Websocket的在線聊天室實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
asp.net實(shí)現(xiàn)生成靜態(tài)頁并添加鏈接的方法
這篇文章主要介紹了asp.net實(shí)現(xiàn)生成靜態(tài)頁并添加鏈接的方法,非常實(shí)用的功能,需要的朋友可以參考下2014-07-07
ASP.NET中使用AspnetAccessProvider
ASP.NET中使用AspnetAccessProvider...2007-09-09
asp.net web頁面元素的多語言化(多國語化)實(shí)現(xiàn)分享
開發(fā)的一些系統(tǒng),經(jīng)常要求支持多語言(例如日文,英文等),接下來介紹如何實(shí)現(xiàn)asp.net開發(fā)中web頁面實(shí)現(xiàn)頁面元素的多語言化(多國語化)感興趣的朋友可以了解下,或許對(duì)你學(xué)習(xí)有所幫助2013-02-02
CreateOutputCachedItemKey 緩存key的創(chuàng)建
有關(guān)OutputCache的相關(guān)資料大家可以查看 OutputCacheProvider OutputCache的一點(diǎn)點(diǎn)認(rèn)識(shí) ,我們還是復(fù)習(xí)一下OutputCache內(nèi)容2012-11-11
ASP.NET小結(jié)之MVC, MVP, MVVM比較以及區(qū)別(二)
上一篇得到大家的關(guān)注,非常感謝。由于自己對(duì)于這些模式的理解也是有限,對(duì)于MVC,MVP,MVVM這些模式的比較,是結(jié)合自己的理解,一些地方不一定準(zhǔn)確,需要的朋友可以參考下2014-05-05
ASP.NET Core開發(fā)教程之Logging利用NLog寫日志文件
一直很喜歡 NLog 的簡潔和擴(kuò)展性,所以下面這篇文章主要給大家介紹了關(guān)于ASP.NET Core開發(fā)教程之Logging利用NLog寫日志文件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-07-07
用Fine Uploader+ASP.NET MVC實(shí)現(xiàn)ajax文件上傳[代碼示例]
Fine Uploader(http://fineuploader.com/)是一個(gè)實(shí)現(xiàn) ajax 上傳文件的 Javascript 組件2013-01-01

