2015年5月19日 星期二

AJAX Control Toolkit - CascadingDropDown

前言  基本上AJAX Control Toolkit是根據ASP.NET的原件為基礎 開發的外掛物件 核心以TargetControlID作為連結
下面介紹的是CascadingDropDown這元件
.aspx :

<asp:DropDownList ID="ddlType" runat="server">
</asp:DropDownList> //
//主要介紹是下面這個 CascadingDropDown 如果沒這元件 可以去下載
AJAX Control Toolkit  :   http://ajaxcontroltoolkit.codeplex.com/  

               <cc1:CascadingDropDown ID="CascadingDropDown1" runat="server"
                Category="SystemID" Enabled="True" LoadingText="讀取中..."
                PromptText="請選擇系統類別" ServicePath="UCWebService1.asmx" //需要連結
                ServiceMethod="GetSysTemType"  //函式名稱  UseContextKey="True"
                TargetControlID="ddlType" //連到上面的ddl  />



接下來加入新項目
Web服務  附檔名是 .asmx 即是上面要連結的頁面

public CascadingDropDownNameValue[] GetSysTemType(string knownCategoryValues, string category)
        {
            List<CascadingDropDownNameValue> values = new List<CascadingDropDownNameValue>();

            values.Add(new CascadingDropDownNameValue("test01", "1"));
            values.Add(new CascadingDropDownNameValue("test02", "2"));
            values.Add(new CascadingDropDownNameValue("test03", "3"));

            return values.ToArray();
        }

很重要的地方 上面有一行自行產生的

 // 若要允許使用 ASP.NET AJAX 從指令碼呼叫此 Web 服務,請取消註解下列一行。
  //   [System.Web.Script.Services.ScriptService]
是的 要把註解拿掉 否則部會成功的








沒有留言:

張貼留言