自动完成JQuery到GridView中的文本框

我希望将自动完成功能添加到我的网格中的textvox，但是，我无法从脚本调用文本框。自动完成JQuery到GridView中的文本框

的HTML代码

<head runat="server"> 
<title></title> 
<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> 

</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:GridView ID="grdUserTrans" CellSpacing="1" runat="server" 
Width="100%">                 
<Columns> 
<asp:BoundField HeaderText="" DataField="ID" SortExpression="ID" 
ItemStyle-HorizontalAlign="Center"></asp:BoundField> 
<asp:BoundField HeaderText="Register Number" DataField="REGNO" 
ItemStyle-HorizontalAlign="Left"></asp:BoundField> 
<asp:BoundField HeaderText="Name" DataField="USERNAME" 
ItemStyle-HorizontalAlign="Left"></asp:BoundField> 
<asp:TemplateField HeaderText="Stop Name" ControlStyle-CssClass="radionobrdr" 
ItemStyle-VerticalAlign="Top" HeaderStyle-HorizontalAlign="Center" 
ItemStyle-HorizontalAlign="Center"> 
<ItemTemplate><asp:TextBox ID="txtClass" runat="server" CssClass="TextBox"> 
</asp:TextBox></ItemTemplate> 
</asp:TemplateField></Columns></asp:GridView> 
</div> 
</form> 
</body> 
</html>

JS代码是

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

的Search_CS文件是

using System; 
using System.Web; 
using System.Data.SqlClient; 
using System.Configuration; 
using System.Text; 
using System.Collections.Generic; 
using System.Web.Services; 
using System.Web.Script.Services; 
using System.Collections.Specialized; 
using System.Data; 

public class Search_CS : IHttpHandler { 

public void ProcessRequest (HttpContext context) { 
    string prefixText = context.Request.QueryString["q"]; 
     using (SqlConnection conn = new SqlConnection()) 
     { 
      conn.ConnectionString = 
ConfigurationManager.ConnectionStrings["constr"].ConnectionString; 
      using (SqlCommand cmd = new SqlCommand()) 
      { 
       cmd.CommandText = "SELECT KSM_STOP_NAME FROM KSL_STOP_MST WHERE 
KSM_STOP_NAME LIKE '%" + prefixText + "%'"; 
       cmd.Connection = conn; 
       StringBuilder sb = new StringBuilder(); 
       conn.Open(); 
       using (SqlDataReader sdr = cmd.ExecuteReader()) 
       { 
        while (sdr.Read()) 
        { 
         sb.Append(sdr["KSM_STOP_NAME"]) 
          .Append(Environment.NewLine); 
        } 
       } 
       conn.Close(); 
       context.Response.Write(sb.ToString()); 
      } 
     } 

} 

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

连接字符串是

<connectionStrings> 
<add name="constr" connectionString="Data Source=KACPER-SERVER;Initial 
Catalog=KED_MACAULAY;Integrated Security=false;uid=KACPER_SQL;pwd=KACPER_SQL123; 
pooling=true;connect timeout=900;max pool size=200"/> 
</connectionStrings>

在此先感谢您的帮助。

来源

2012-04-23 Prince

有这个使用AjaxToolKit自动完成一个替代的解决方案。你尝试过吗？这很容易实现。 – 2012-04-23 12:39:59

对于那些审查的注意事项，这使用旧的自动完成插件，而不是jQuery UI自动完成。 – 2012-04-23 12:42:49

@Ashwini Verma是的，我已经使用了Ajax工具包，但它仅在网格中的第一行提供了自动完成功能。这个jquery自动完成似乎很容易，所以想到给这个尝试 – Prince 2012-04-23 12:43:38

感谢球员...发现code..The脚本代码应该是这样的

<script type="text/javascript"> $(document).ready(function() { $("*[id$=grdUserTrans] 
input[id$=txtClass]").autocomplete('Search_CS.ashx'); }); </script>

来源

2012-05-30 11:02:44 Prince

自动完成JQuery到GridView中的文本框

回答

相关问题