Question

我想从我的数据库中搜索这个城市。当用户输入一些首字母时。为此，我使用了以下自动完成jquery插件，（ASP.Net 3.5 + VS 2008）

<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#<%=txtCity.ClientID%>").autocomplete("Search_CS.ashx");
});    
</script>

和我的Search_CS.ashx类是，

<%@ WebHandler Language="C#" Class="Search_CS" %>

using System;
using System.Web;
using System.Data.SqlClient;
using System.Configuration;
using System.Text; 

public class Search_CS : IHttpHandler {

public void ProcessRequest (HttpContext context) {
    string prefixText = context.Request.QueryString["q"];
    using (SqlConnection con = DataSetClass.conDB())
    {
        //con.ConnectionString = ConfigurationManager
        //        .ConnectionStrings["constr"].ConnectionString;
        using (SqlCommand cmd = new SqlCommand("select DISTINCT cname from City where cname LIKE        @CityText + '%'", con))
        {
            //cmd.CommandText = "select ContactName from Customers where " +
            //"ContactName like @SearchText + '%'";
            cmd.Parameters.AddWithValue("@CityText", prefixText);
            cmd.Connection = con;
            StringBuilder sb = new StringBuilder();
            //con.Open();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    sb.Append(sdr["cname"])
                        .Append(Environment.NewLine);
                }
            }

            con.Close();
            context.Response.Write(sb.ToString());
        }
    }
}

public bool IsReusable {
    get {
        return false;
    }
}
}

这很好但问题是插件只能工作一次。之后当我输入姓名缩写时，自动完成功能不起作用，直到我刷新页面。我尝试了很多解决方案，但都是徒劳的。请帮助我，因为我在2周内一直在这里。

Answer 1

需要记住$（Document）.ready（）只在第一次页面加载时调用。之后对于所有ajax /部分回发，它的方法将不会调用意味着您的文本框不再具有该自动完成功能。因此，要解决这个问题，你应该将代码包装在像

这样的函数中

function Bind()
{
$("#<%=txtCity.ClientID%>").autocomplete("Search_CS.ashx");
}

然后在

中调用它

 $(document).ready(function() {
    Bind();
}

并在

function pageLoad()
{
Bind();
}

查看这篇精彩文章http://encosia.com/document-ready-and-pageload-are-not-the-same/

Jquery自动完成插件仅适用于ASP.Net 3.5

1 个答案: