asp.net AJAX中的CascadingDropDown控件使用心得

基本怎麽用這裏就不啰嗦了,網上有很多文章介紹,包括asp.net那邊也有示例可以下載,這裏重點說說Category這個屬性及如何構建webservice,CascadingDropDown得和webservice配合使用才行。先看頁面控件代碼view plaincopy to clipboardprint?

<!--下拉列表控件-->

<asp:DropDownList ID="ddlRootClass" runat="server"></asp:DropDownList>&nbsp;

<asp:DropDownList ID="ddlSubClass" runat="server"></asp:DropDownList>&nbsp;

<!--對應的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>&nbsp;

<asp:DropDownList ID="ddlSubClass" runat="server"></asp:DropDownList>&nbsp;

<!--對應的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方法

出處:http://blog.breakn.net/article.asp?id=389

使用ASP.NET 2.0中的GridView控件
在ASP.NET 2.0中,加入了許多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高。其中,在數據控件方面,增加了不少控件,其中的gridview控件功能十分強大。在本文中,將一步步以實際例子爲讀者介紹as...查看完整版>>使用ASP.NET 2.0中的GridView控件
 
使用ASP.NET 2.0中的GridView控件
  在ASP.NET 2.0中,加入了許多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高。其中,在數據控件方面,增加了不少控件,其中的gridview控件功能十分強大。在本文中,將一步步以實際例子爲讀者介...查看完整版>>使用ASP.NET 2.0中的GridView控件
 
親密接觸ASP.Net(3)asp+中的控件
最近有朋友問我,哪裏可以學好ASP+,我早就說過NGWS中帶的文檔是最好的學習手冊,不過由于NGWS的要求太高,還有它的大小(110M)的問題,有一部分兄弟,不能裝上它,我給你們一個站點http://www.aspnextgen.com/quic...查看完整版>>親密接觸ASP.Net(3)asp+中的控件
 
談談asp.net項目中對Excel報表的使用心得
最近處理完一個asp.net項目,其中有大量的報表需要操作。客戶是一個開發區的財政局和企業。因此,這些報表都是財務報表。(做過報表的朋友們肯定知道報表中最複雜的就是財務報表,且不說是典型的中國式報表,更是分組...查看完整版>>談談asp.net項目中對Excel報表的使用心得
 
談談asp.net項目中對Excel報表的使用心得
最近處理完一個asp.net項目,其中有大量的報表需要操作。客戶是一個開發區的財政局和企業。因此,這些報表都是財務報表。(做過報表的朋友們肯定知道報表中最複雜的就是財務報表,且不說是典型的中國式報表,更是分組...查看完整版>>談談asp.net項目中對Excel報表的使用心得
 
ASP中使用Office2000中的圖表控件
     前一陣爲了做圖表,查看了論壇中的所有文章,但大都是用Aspchart,ShortGraph等組件,這些組件多半都是國外開發要money的。如果你用office 的MS Chart,往往作出的效果又差強人意。如果你使用過Office2000中...查看完整版>>ASP中使用Office2000中的圖表控件
 
ASP中使用Office2000中的圖表控件
  前一陣爲了做圖表,查看了論壇中的所有文章,但大都是用Aspchart,ShortGraph等組件,這些組件多半都是國外開發要money的。如果你用office 的MS Chart,往往作出的效果又差強人意。如果你使用過Office2000中Exce...查看完整版>>ASP中使用Office2000中的圖表控件
 
asp.net ajax 和 asp.net 2.0中的fileupload合力打造無刷新文件上傳控件
在做一個信息管理平台時用到了圖片,就像做一個上傳的正好用的是asp.net ajax就試著做了一個不很好自定義用戶控件文件 PicUpload.ascx1<%@ control language="C#" autoeventwireup="true" inherits="Admin_PicUpl...查看完整版>>asp.net ajax 和 asp.net 2.0中的fileupload合力打造無刷新文件上傳控件
 
漫談Ajax在ASP.Net中的使用
AJAX出來的時間也不短了。雖然它在某些方面很受爭議,但是瑕不掩瑜。AJAX不能說它屬于哪門語言,而是任何一門語言與JavaScript,XML的交叉。我覺得,說Ajax是任何一門WEB語言與DHTML、XML的交叉這樣更加合適。以下只討...查看完整版>>漫談Ajax在ASP.Net中的使用
 
 
回到王朝網路移動版首頁