在ASP.net中单击文本框时如何调用自动完成的jquery函数

时间:2018-10-11 11:01:41

标签: asp.net vb.net webforms jquery-ui-autocomplete

在我的表单中,我没有几个选择控件和文本框。我想在文本框中显示自动完成选项,以从数据库中获取价值。数据库中有更多的记录,因此我通过从下拉列表中获取相同形式的值来过滤记录。我正在使用jQuery自动完成功能。但这不起作用。当我单击该文本框时,没有任何反应。

 <asp:DropDownList ID="Cmb_PrdCat" runat="server" Height="38px" ToolTip= "Product category"   Width="320px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="4"  >
 </asp:DropDownList>  

<asp:DropDownList ID="Cmb_Domain" runat="server" Height="38px" Width="321px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="3" >
 </asp:DropDownList>

<asp:DropDownList ID="Cmb_Reg" runat="server" Height="38px" Width="321px" ForeColor="#666666" CssClass="RoundedBtn" TabIndex="3" >
</asp:DropDownList>      

 <asp:TextBox ID="EndClient_Txt" runat="server" Width="317px"
 Font-Names="Calibri" Font-Size="Medium" ForeColor="#666666" 
  Height="31px"  CssClass="RoundedBtn" TabIndex="8" onfocus="SearchText()"></asp:TextBox>    

jQuery函数:

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

<script type="text/javascript">  

    function SearchText() {  
        $("#EndClient_Txt").autocomplete({  
            source: function(request, response) {  
                $.ajax({  
                    type: "POST",  
                    contentType: "application/json; charset=utf-8",  
                    url: "SalesOrderInput.aspx/GetClientName",                         
                    dataType: "json",  
                    success: function(data) {  
                        response(data.d);  
                    },  
                    error: function(result) {  
                        alert("No Match");  
                    }  
                });  
            }  
        });  
    }  
</script>  

在我的aspx.vb页面中,我的编码如下:

Public Function GetClientName() As List(Of String)

        Dim empResult As List(Of String) = New List(Of String)()

        Sql = "SELECT * FROM opportunities where PCategory ='" & Cmb_PrdCat.SelectedItem.Text & "' and Domain ='" & Cmb_Domain.SelectedItem.Text & "' and Region='" & Cmb_Reg.SelectedItem.Text & "'"

        Dim cmd = New MySqlCommand(Sql, conn1)
        reader = cmd.ExecuteReader()
        While (reader.Read())
            empResult.Add(reader("OppName").ToString())
        End While
        reader.Close()
        Return empResult       

    End Function

当我开始在该文本框中键入内容时,错误警告消息就会出现。

2 个答案:

答案 0 :(得分:0)

代替$("#EndClient_Txt")

尝试$("#<%= EndClient_Txt.ClientID %>")

ClientID属性将确保您在呈现页面时始终获得客户端控件ID

答案 1 :(得分:0)

尝试在

上方添加[PageMethod]或[WebMethod]批注
Public Function GetClientName() As List(Of String)

End Function