1

我一直在一个汽车零部件网站上工作，我需要在搜索框中提供自动完成功能。

我已经尝试过的事情：

i)[我尝试过使用服务使用 ajax 扩展器，但运气不佳] ii)[我也尝试过 jquery ui 内置自动完成插件，但运气不佳]

但是经过一天的全力奋斗，我终于让它在简单的 aspx 页面上工作，但是当我将此代码用于母版页时，它就不起作用了。

在这部分我需要你们:)

//code inside the masterpage head
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.min.js" type="text/javascript"></script>
<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
    $("#ctl00_myTextBox").autocomplete('select.ashx');
    });
 </script>

//注意：此文本框也在母版页中，而不是在任何内容页中

<asp:TextBox ID="myTextBox" runat="server" Width="250" ></asp:TextBox>

//这是 httphandler 的代码 ... //注意：我正在使用 LuceneIndexes 检索数据

公共类选择：IHttpHandler {

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "application/javascript";
        if (!String.IsNullOrEmpty(context.Request.QueryString["q"]))
       {
           foreach (string s in GetAutoCompleteValues(context.Request.QueryString["q"]))
           {
               context.Response.Write(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(s)+Environment.NewLine);
           }
       }

    }
    public static string[] GetAutoCompleteValues(string prefixText)
    {
           DataTable dt = GetSearchList.GetResult(prefixText);
           List<string> RowNames = new List<string>();
           foreach (DataRow drow in dt.Rows)
           {
               RowNames.Add(drow[1].ToString() + " " + drow[2].ToString() + " " + drow[3].ToString() + " " + drow[4].ToString() + " " + drow[5].ToString() + " " + drow[6]);
           }
           return RowNames.ToArray();
    }
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

请帮我解决任何建议都会有所帮助thanx提前...

4

1 回答 1

1

这个问题是因为您没有使用动态呈现的控件 id，并且从您将其放置在母版页上的那一刻起，该 id 就发生了变化。

在您的 javascript 的这一行中，使用myTextBox.ClientIDas：

$("#<%=myTextBox.ClientID%>").autocomplete('select.ashx');

动态渲染控件ID，并让jQuery找到它。

于 2012-12-08T06:02:14.780 回答