您的位置:首页 > 其它

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;

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: