利用Table控制位置來實現(xiàn) 剛好最近在學(xué)習(xí)ajaxControlToolkit中的控件,想到了CascadingDropDown 層疊下拉 是一個級聯(lián)聯(lián)動的下來擴展 挺好用
先介紹下CascadingDropDown的一些屬性：
TargetControlID 目標(biāo)控件ID 就是所控制的DropDownList 的ID
Category 類別(下個CascadingDropDown取這個上個傳過來值的一個類名字,下面代碼中會詳細(xì)說到)
PromptText 提示信息 再沒有點擊所控制DropDownList控件前顯示的信息
LoadingText 加載數(shù)據(jù)信息 如果數(shù)據(jù)比較多,則給用戶一個提示
ServicePath 提供數(shù)據(jù)方法的WebService的路徑
ServiceMethod Web服務(wù)中提供數(shù)據(jù)的方法
ParentControlID 控制此CascadingDropDown所控制的DropdownList是否可用的上級DropDownList的ID
SelectedValue 默認(rèn)選中的數(shù)據(jù)
過程：
加入ScriptManager控件
加入三個DropDownList控件
加入三個CascadingDropDown控件
測試?yán)刑砑右粋€WebService頁面
首先編寫WebService中的取數(shù)據(jù)方法,一般做法都是頁面有幾個CascadingDropDown控件,就添加一個[WebMethod]方法
當(dāng)然,可以用一些技巧把這些方法的共同處整合起來(這些技巧需要代碼的積累,小生還談不上積累,還望高手們多多指教)
下面是在一篇示例中的一個WEB服務(wù)的頁面中的一個取數(shù)據(jù)方法注解(有錯的地方請大蝦們多多指教)：
其中,類上面添加 [System.Web.Script.Services.ScriptService]是必須的
[WebMethod]
復(fù)制代碼 代碼如下:
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參數(shù)中傳過來的一個類別，父控件的Category的值是"Employee"
//knownCategoryValues的值是則是："EmployeeName:value;" 類型
//如果父控件中[WebMethod]方法中是如下加入的值
// list.Add(new AjaxControlToolkit.CascadingDropDownNameValue("張三","123"));
//則knownCategoryValues中是 "Employee張三:123;" (如果這里有誤,請大蝦們指導(dǎo)下)
//方法中的category則是Category的值,這里下蝦我迷惑的是,這個值是本控件的Category的值還是父控件的值?
//我認(rèn)為是調(diào)用此方法的category的CascadingDropDown的Category的屬性,原因是父控件的這個屬性是在knownCategoryValues值中判斷出來的

if (!kv.ContainsKey("Employee") || !Int32.TryParse(kv["Employee"], out iEmployee))
{
return null;
}
//下面的取數(shù)據(jù)方法可以根據(jù)項目中的實際情況更改,這里我用的是一個大蝦博客上的一個方法做示例,因為自己寫的需要在sql語句中添加一些判斷,并且數(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則傳給下個控制dropdownList的CascadingDropDown調(diào)用的webService方法中的knownCategoryValues的值

list.Add(new AjaxControlToolkit.CascadingDropDownNameValue(sOrder,iOrder.ToString()));
}
return list.ToArray();
}

下面是頁面中的設(shè)置代碼：
頁面中ScriptManger控件的必須的
復(fù)制代碼 代碼如下:
<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)上很多大蝦都寫過了！

AspNet技術(shù)：ajaxControlToolkit中CascadingDropDown的用法說明，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。