ASP.NET For AutoComplete By Page Method

2009-12-14

4001
0
ASP.NET
2013-06-26

摘要:ASP.NET For AutoComplete By Page Method

最近仔細翻了一本舊書「ASP.NET AJAX經典範例100，使用VC#」這一本書其實也看了蠻多遍的，只是有些上面的範例，

沒有仔細把它一個個拿出來實作罷了，剛好最近有一個機會要實作AutoComplete的效果，因此又拿出來翻了一遍，前些日

子透過Adobe AIR也做過了一個類似的功能，不過因為AIR其實也是一種Window Form的方式，因此開發上遇到的問題也比

較少一些，不過透過Web Form的方式就不是這般簡單了。

透過Ajax Control Toolkit所提供的AutoComplete元件可以快速完成我們所需要的AutoComplete效果，但是找過許多的範例說

明與書本介紹的，大部分都是透過AutoComplete元件配合Web Service透過Web Method的方式，完成AutoComplete效果中推薦

字清單的產生，但是要建立一個Web Service對於ASP.NET並不困難，但如果遇到今天Web Server不是自己管理時候，通常要

請代管公司多加一個Web Service的掛載，他們可能又會要收你一筆費用，但其實Ajax Control Toolkit所提供的AutoComplete

元件其實也支援使用Page Method的方式來完成相同的結果，但根據書上說法透過Page Method是相較於Web Method來的成本

高，但我個人是覺得看需求的使用再於決定，必竟如果你資料量與頁面處理的比例是以資料量大的話，Web Service是個不錯

的選擇，但我自己來說其實我的資料量較少，透過Page Method也是在可以接受的範圍內，因此，我找了二篇對於AutoComplete

支援Page Method的方式：MS Ajax AutoComplete Extender using a Page Method與AJAX AutoCompleteExtender using Page Method

這二篇的內容，由於二篇文章都是說明For VB的版本，我另外提供For VC#的版本：

假設我們測試的網頁為：Default.aspx，另外Code-behind的是Default.aspx.cs，分別程式碼內容如下：

‧Default.aspx：主要是將ASP.NET AJAX所需要的ScriptManager元件與AutoCompleteExtener放入，並且設定相關的參數。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
  
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>VIN Test</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
    VIN#:  <asp:TextBox ID="txtVIN" runat="server"></asp:TextBox> 
    <AjaxControlToolkit:AutoCompleteExtender ID="aceVIN" runat="server" ServiceMethod="GetVINList" TargetControlID="txtVIN" CompletionInterval="100" MinimumPrefixLength="1">
    </AjaxControlToolkit:AutoCompleteExtender>
    </form>
</body>
</html>
	

‧Default.aspx.cs：要注意與上述二篇內容不同的地方，主要在於設定使用Page Method的Header部分，由於AutoCompleteExtender需要設定ServiceMethod

，因此，要設定今天AutoCompleteExtender在Co-behind的Method有辦法讓它可以認識並且使用。需要注意的寫法是：

[WebMethod]

[System.Web.Script.Services.ScriptMethod()]

完整的寫法如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;
using System.Web.Script.Services;
  
namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e) {}
  
        [WebMethod]
        [System.Web.Script.Services.ScriptMethod()]
        public static String[] GetVINList(String prefixText, Int32 count)
        {
            Int32 iCount = 10;
            for (int intI = 0; intI < iCount; intI++)
            String[] strContent=new String[iCount];
            {
                strContent[intI] = prefixText + intI.ToString();
            }
            return strContent;
        }
    }
}
	