AjaxControlToolkit日曆控件和自動建議控件

一、點擊文本框獲得焦點，日曆展示

二、點擊文本框旁邊的圖標，日曆展示

<!--第一個日曆框--> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" Enabled="True" TargetControlID="TextBox1" Format="yyyy-MM-dd"> </cc1:CalendarExtender> <!--第二個日曆框--> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <cc1:CalendarExtender ID="CalendarExtender1" PopupButtonID="ImageButton1" runat="server" Enabled="True" TargetControlID="TextBox2" Format="yyyy-MM-dd"> </cc1:CalendarExtender> <asp:ImageButton ID="ImageButton1" ImageUrl="~/calendar.gif" runat="server" />   

效果如圖所示：

 

三、自動建議控件

效果圖：

TargetControlID是目標控件ID，這裏是TextBox1。CompletionSetCount是指列表列出輸入提示的數量。EnableCaching指是否啓用緩存，建議啓動。MinimumPrefixLength是指輸入多少個字符後開始列出輸入提示列表。ServicePath是指Web服務的文件名，這裏是WebService.asmx。ServiceMethod是指調用Web服務的函數名，這裏是GetCompleteList。

 

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> <cc1:AutoCompleteExtender ID="TextBox3_AutoCompleteExtender" runat="server" CompletionSetCount="12" EnableCaching="true" DelimiterCharacters="" Enabled="True" ServiceMethod="GetCompleteList" ServicePath="WebService.asmx" MinimumPrefixLength="3" TargetControlID="TextBox3"> </cc1:AutoCompleteExtender> 後臺代碼：應用了webservice using System; using System.Collections; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Xml.Linq; using System.Collections.Generic; /// <summary> ///WebService 的摘要說明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] //若要允許使用 ASP.NET AJAX 從腳本中調用此 Web 服務，請取消對下行的註釋。 [System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService { public WebService () { //如果使用設計的組件，請取消註釋以下行 //InitializeComponent(); } [WebMethod] public string HelloWorld() { return "Hello World"; } [WebMethod] public string[] GetCompleteList(string prefixText, int count) { char c1, c2, c3; if (count == 0) count = 10; //使用泛型，必須引用using System.Collections.Generic命名空間 List<String> list = new List<string>(count); Random rnd = new Random(); for (int i = 1; i <= count; i++) { c1 = (char)rnd.Next(65, 90); c2 = (char)rnd.Next(97, 122); c3 = (char)rnd.Next(97, 122); list.Add(prefixText + c1 + c2 + c3); } return list.ToArray(); } }

效果圖：