vs2005使用ajaxtoolkit:AutoCompleteExtender
2008-11-13 16:17
323 查看
见过在google的自动填充下拉功能,今天终于自己也做过了,很easy
我做的功能是输入信用卡号,输入的时候系统自动检索该customer以前输入过的信用卡号,下拉显示
<asp:TextBox ID="TxtCreditCardNumber" runat="server" autocomplete="off" AutoPostBack="true" OnTextChanged="TxtCreditCardNumber_TextChanged" ToolTip="选择现有信用卡号后按回车键,将自动填充该卡信息"></asp:TextBox>
<ajaxtoolkit:AutoCompleteExtender ID="AceCreditCardNumber" runat="server" BehaviorID="aceCreditCardNumber" CompletionInterval="1000" EnableCaching="true" UseContextKey="true" MinimumPrefixLength="1" ServiceMethod="GetCreditCardNumber" TargetControlID="TxtCreditCardNumber">
</ajaxtoolkit:AutoCompleteExtender>
了解各种常用的属性:
TargetControlID是目标控件ID。
CompletionSetCount是指列表列出输入提示的数量。
EnableCaching指是否启用缓存,建议启动。
MinimumPrefixLength是指输入多少个字符后开始列出输入提示列表。
ServicePath是指Web服务的文件名,可以是WebService.asmx,也可以在代码中设置,AceCreditCardNumber.ServicePath = Request.ApplicationPath + "/OrderCenter/OrderModification.aspx"; 该路径是webService方法所在的页面路径。ServiceMethod是指调用Web服务的函数名,这里是GetCreditCardNumber
着重说一下Extender的BehaviorID属性:如果不设置,就会把ClientID作为BehaviorID了,根据Microsoft AJAX Library创建Component的规则,如果Component在创建时不提供ID,那么就不会在Sys.Application的某个集合中保持那个Component对象的引用,也就是说我们无法通过$find方法来获得它了,如果不需要操作Component对象,设不设置没关系,一旦放到repeater的数据迭代控件中,就必须设置,因为不设置,就会在客户端创建相同ID的Component——这是不允许的
下面说页面上的code:
[ System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]--- 一定要加,它告诉.net runtime这个WebService被允许从客户端调用
public static string[] GetCreditCardNumber(string prefixText, int count, string contextKey)---prefixText和count这两个参数名称要严格遵守拼写格式
{
try
{
int creditCardId;
if (string.IsNullOrEmpty(contextKey)
|| !int.TryParse(contextKey, out creditCardId))
return null; string[] result = HotelDatabase.GetCreditCardsNumberByCustomer(SessionManager.CustomerId, prefixText, creditCardId).ToArray();
for (int i = 0; i < result.Length; i++)
{
result[i] = WebUtility.MaskCreditCard(result[i]);
}
return result;
}
catch
{
// TODO: logging...
return null;
}
}
我做的功能是输入信用卡号,输入的时候系统自动检索该customer以前输入过的信用卡号,下拉显示
<asp:TextBox ID="TxtCreditCardNumber" runat="server" autocomplete="off" AutoPostBack="true" OnTextChanged="TxtCreditCardNumber_TextChanged" ToolTip="选择现有信用卡号后按回车键,将自动填充该卡信息"></asp:TextBox>
<ajaxtoolkit:AutoCompleteExtender ID="AceCreditCardNumber" runat="server" BehaviorID="aceCreditCardNumber" CompletionInterval="1000" EnableCaching="true" UseContextKey="true" MinimumPrefixLength="1" ServiceMethod="GetCreditCardNumber" TargetControlID="TxtCreditCardNumber">
</ajaxtoolkit:AutoCompleteExtender>
了解各种常用的属性:
TargetControlID是目标控件ID。
CompletionSetCount是指列表列出输入提示的数量。
EnableCaching指是否启用缓存,建议启动。
MinimumPrefixLength是指输入多少个字符后开始列出输入提示列表。
ServicePath是指Web服务的文件名,可以是WebService.asmx,也可以在代码中设置,AceCreditCardNumber.ServicePath = Request.ApplicationPath + "/OrderCenter/OrderModification.aspx"; 该路径是webService方法所在的页面路径。ServiceMethod是指调用Web服务的函数名,这里是GetCreditCardNumber
着重说一下Extender的BehaviorID属性:如果不设置,就会把ClientID作为BehaviorID了,根据Microsoft AJAX Library创建Component的规则,如果Component在创建时不提供ID,那么就不会在Sys.Application的某个集合中保持那个Component对象的引用,也就是说我们无法通过$find方法来获得它了,如果不需要操作Component对象,设不设置没关系,一旦放到repeater的数据迭代控件中,就必须设置,因为不设置,就会在客户端创建相同ID的Component——这是不允许的
下面说页面上的code:
[ System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]--- 一定要加,它告诉.net runtime这个WebService被允许从客户端调用
public static string[] GetCreditCardNumber(string prefixText, int count, string contextKey)---prefixText和count这两个参数名称要严格遵守拼写格式
{
try
{
int creditCardId;
if (string.IsNullOrEmpty(contextKey)
|| !int.TryParse(contextKey, out creditCardId))
return null; string[] result = HotelDatabase.GetCreditCardsNumberByCustomer(SessionManager.CustomerId, prefixText, creditCardId).ToArray();
for (int i = 0; i < result.Length; i++)
{
result[i] = WebUtility.MaskCreditCard(result[i]);
}
return result;
}
catch
{
// TODO: logging...
return null;
}
}
相关文章推荐
- ajaxToolkit:AutoCompleteExtender 使用键值对
- ajaxToolkit:AutoCompleteExtender 使用键值对
- Vs2008使用ajaxtoolkit:AutoCompleteExtender 1.0版本
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能(转载)
- ajaxToolkit:AutoCompleteExtender的用法(转)
- 4.3 使用AutoCompleteExtender异步调用Web service
- Ajax的AutoCompleteExtender的使用
- Ajax 中 AutoCompleteExtender 的使用
- Ajax中 AutoCompleteExtender 的使用方法
- ajaxToolkit:AutoCompleteExtender 用法详解
- 轻松掌握Ajax.net系列教程十五:使用AutoCompleteExtender
- 使用AutoCompleteExtender实现搜索下拉提示框,读取数据库内容
- 使用AutoCompleteExtender实现搜索下拉提示框,读取数据库内容
- 使用AutocompleteExtender无效或者没反应,输入啥都在webservice里面跟踪不到
- 使用AutoCompleteExtender
- ajaxToolkit:AutoCompleteExtender 用法详解
- ASP.NET2.0AJAX控件之AutoCompleteExtender与数据库链接使用
- AutoCompleteExtender 使用详解
- asp.net ajax 使用AutoCompleteExtender开发自动完成功能
- Ajax的AutoCompleteExtender的使用