Ajax Control Toolkit自动完成扩展程序

时间:2012-10-17 11:39:06

标签: c# asp.net .net autocomplete ajaxcontroltoolkit

我已经按照本指南(http://www.asp.net/ajaxlibrary/act_AutoComplete_simple.ashx)使用自动完成扩展程序,但是当它涉及我的大型项目时,我不能为我的生活看到不同。将扩展器与表元素嵌套是否有问题?

无论如何,我有自动完成扩展器调用教程中的dumbby方法才开始。不使用Web服务,只是一种方法(如指南中所示)。该页面使用的是母版页,是否已知会导致问题?继承人标题

<%@ Page Title="Report" Language="C#" MasterPageFile="~/Doctors/MasterPage.master" AutoEventWireup="true" CodeFile="generateReport.aspx.cs" Inherits="Doctors_generateReport"
maintainScrollPositionOnPostBack="true" %>
<style>...</style>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<asp:toolkitscriptmanager ID="ToolkitScriptManager1" runat="server" >
</asp:toolkitscriptmanager>
    <p class="headingStyle"><strong><em>Clinical Report</em></strong></p>
<table>

和文本框:

<td class=logicalDivide>Current Medication:</td>
<td class=logicalDivide>
    <asp:TextBox ID="tbCMed" runat="server" CssClass="textbox" Width="178px" MaxLength="30" Font-Names="Calibri" onfocus="{ this.value = ''; }"></asp:TextBox>
    <asp:autocompleteextender
        ID="AutoCompleteExtender1" 
        runat="server"
        TargetControlID="tbCMed"
        ServiceMethod="GetCompletionList4" UseContextKey="True">
    </asp:autocompleteextender>
</td>

和背后的代码:

[WebMethod]
[ScriptMethod]
public static string[] GetCompletionList4(string prefixText, int count, string contextKey)
{
   // Create array of movies  
   string[] movies = { "Star Wars", "Star Trek", "Superman", "Memento", "Shrek", "Shrek II" };

   // Return matching movies  
   return movies.Where(m => m.StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase)
                .Take(count)
                .ToArray();
}

编辑1: 这个问题类似(http://stackoverflow.com/questions/791361/trying-to-get-a-simple-example-of-asp-net-ajax-dropdownlist-autocomplete-extende?rq=1)但是喜欢演示,它可以自己工作,但不能在我的应用程序中工作。

因此,它们必须是Masterpage或web.config中正在改变工具包行为的一些设置。有什么想法吗?

编辑2: 我刚刚尝试将ToolScriptManager放在母版页中 - 没有骰子;和... 添加

EnabledPageMethods="true"

到ToolScriptManager - 仍然没有骰子。

来自web.config的最后一个相关片段:

<pages>
  <controls>
    <add tagPrefix="asp" assembly="AjaxControlToolkit" namespace="AjaxControlToolkit"/>
  </controls>
</pages>
<identity impersonate="true"/>

2 个答案:

答案 0 :(得分:1)

我放弃了Ajax Control Toolkit。下面是一个jQuery解决方案(比控制工具包更快......在它停止工作之前!!):

<div class="ui-widget">

    <asp:TextBox ID="tbScripts" ClientIDMode="static" runat="server" CssClass="textbox" 
            Width="340px" MaxLength="20" Font-Names="Calibri"  onfocus="{ this.value = ''; }"
                ToolTip="add a medication/script to the managment plan"></asp:TextBox>

        <script type="text/javascript" >
        PageMethods.GetMeds(function (results) {
            $('#tbScripts').autocomplete({
                source: results,
                minLength: 3
            });
        });

......以及背后的代码:

    [System.Web.Services.WebMethodAttribute(), System.Web.Script.Services.ScriptMethodAttribute()]
   public static string[] GetMeds()//prefixText)//string prefixText, int count, string contextKey)
   {
      /* ------ database query goes here ----------- */
      return results[];
   }

并将它们放在scriptManager中:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="Stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />

答案 1 :(得分:0)

这是我的解决方案,我使用webservices来调用自动完成功能。

假设您已正确安装AjaxControlToolKit,请按照以下步骤操作

在母版页

<强> 1。在.aspx页面顶部添加以下行

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<强> 2。在表单id =&#34; form1&#34;之后添加以下行。 runat =&#34;服务器&#34;

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
   <Services>
      <asp:ServiceReference Path="~/AutoComplete.asmx" />
   </Services>
</asp:ToolkitScriptManager>

第3。添加文本框和AutoCompleteExtender

<asp:TextBox ID="tbSearch" runat="server"></asp:TextBox>

<asp:AutoCompleteExtender 
                    TargetControlID="tbSearch"
                    ServicePath="AutoComplete.asmx"
                    ServiceMethod="GetCompletionList"
                    MinimumPrefixLength="3"
                    CompletionInterval="100"
                    CompletionSetCount="5"
                    EnableCaching="false"
                    CompletionListCssClass="CompletionList"
                    CompletionListItemCssClass="CompletionListItem"
                    CompletionListHighlightedItemCssClass="CompletionListHighlightedItem"
                    UseContextKey="True"
                    ID="AutoCompleteExtender1" 
                    runat="server"></asp:AutoCompleteExtender>

<强> 4。创建一个Web服务

解决方案资源管理器 - &gt;右Clic - &gt;添加新项目... - &gt; Web服务(我将其重新保存为AutoComplete.asmx),然后按下按钮添加

在Web服务AutoComplete.asmx

<强> 5。打开AutoComplete.vb文件并取消注释以下行

'<System.Web.Script.Services.ScriptService()> _

在VB中,这一行默认是注释,并且需要使用ASP.NET AJAX从脚本调用Web Service

<强> 6。添加你的asp:AutoCompleteExtender ServiceMethod名为Public Function GetCompletionList

<System.Web.Services.WebMethod()>
    <System.Web.Script.Services.ScriptMethodAttribute()>
    Public Function GetCompletionList(ByVal prefixText As String, ByVal count As Integer, ByVal contextKey As String) As String()
        ' Create array of movies
        Dim movies() As String = {"Star Wars", "Star Wars 1", "Star Wars 2", "Star Trek 3", "Star Wars", "Star Wars", "Superman", "Super woman", "Memento", "Shrek", "Shrek II"}

        ' Return matching movies
        Return (
            From m In movies
            Where m.StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase)
            Select m).Take(count).ToArray()

    End Function

注意:照顾

<System.Web.Services.WebMethod()>

<System.Web.Script.Services.ScriptMethodAttribute()>

刷新您的网页并进行测试

我希望能帮助你和未来的其他人。