AjaxControlToolkit日历控件和自动建议控件
2009-12-11 10:43
537 查看
一、点击文本框获得焦点,日历展示
二、点击文本框旁边的图标,日历展示
效果如图所示:
三、自动建议控件
效果图:
TargetControlID是目标控件ID,这里是TextBox1。CompletionSetCount是指列表列出输入提示的数量。EnableCaching指是否启用缓存,建议启动。MinimumPrefixLength是指输入多少个字符后开始列出输入提示列表。ServicePath是指Web服务的文件名,这里是WebService.asmx。ServiceMethod是指调用Web服务的函数名,这里是GetCompleteList。
效果图:
二、点击文本框旁边的图标,日历展示
<!--第一个日历框--> <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(); } }
效果图:
相关文章推荐
- AjaxControlToolKit CalendarExtender(日历扩展控件)的使用方法
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十 AutoCompleteExtender(自动提示)控件的使用
- Asp.net完美日历控件,支持FireFox,IE7(AjaxControlToolKit.Calendar)中文版
- Asp.net完美日历控件,支持FireFox,IE7(AjaxControlToolKit.Calendar)中文版
- AjaxControlToolkit是一组控件的集合,可以实现自动补充文本框
- AjaxControlToolKit ----CalendarExtender(日历扩展控件)的简单使用方法
- AjaxControlToolKit CalendarExtender(日历扩展控件)的使用方法
- ASP.NET AJAX Control ToolKit系列: CascadingDropDown控件学习经验
- AJAX Control Toolkit 控件学习
- 细数Ajax Control Toolkit 34个服务器端控件
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- Ajax Control Toolkit 32个服务器端控件
- 快速浏览AjaxControlToolKit控件(四)
- 如何创建一个AJAXControlToolKit的扩展控件
- Ajax Control Toolkit 34个服务器端控件(2)
- Ajax Control Toolkit 34个服务器端控件(7)
- AjaxControlToolkit工具控件之Accordion错误解决方法
- (转)细数Ajax Control Toolkit 34个控件(一)
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender(浮动)控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程九 DragPanelExtender(拖拉)控件的使用