ASP.NET - Problema con TextBox de autocompletado

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 10 puestos en ASP.NET (en relación al último mes)
Gráfica de ASP.NET

Problema con TextBox de autocompletado

Publicado por alexander (1 intervención) el 05/11/2020 17:58:06
Hola amigos, en estos momentos me encuentro realizando un desarrollo en asp.net con c#, lo que requiero es poder hacer un textbox que permita un autocompletado con una consulta en tiempo real a la base de datos, esto lo estoy realizando con jquery, pero al momento de correr la pagina me muestra un error de que no reconoce la función .autocomplete. adjunto el código:


hdr


Este es el código js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(document).ready(function () {
    SearchNameId();
});
 
function SearchNameId() {
    $("#TxtNit").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "Registrarse.aspx/GetNameId",
                data: "{'nameId':'" + document.getElementById('TxtNit').value + "'}",
                dataType: "json",
                success: function (data) {
                    response(data.d);
                },
                error: function (result) {
                    alert("No Match");
                }
            });
        },
        open: function () {
            $('#TxtNit').autocomplete("widget").width(300)
        }
 
    }).attr('style', 'max-height: 200px; overflow-y: auto; overflow-x: hidden;');
}


Este es el codigo aspx:

1
2
3
4
5
6
7
8
9
<td class="Campos">
     <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TxtNit"
            CssClass="Error" ErrorMessage="Nit Originador" SetFocusOnError="True" ValidationGroup="G">*
     </asp:RequiredFieldValidator> Nit</td>
<td class="Textos">
<asp:TextBox ID="TxtNit" runat="server" TextMode="Number" ></asp:TextBox>  <%---a este textbox "TxtNit", es al
                                                                                  que le estoy tratando de realizar el autocomplete---%>
 
</td>

y este es el code behind:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
[System.Web.Services.WebMethod]
public static List<string> GetNameId(string nameId)
{
    List<string> empResulId = new List<string>();
 
    string CS = ConfigurationManager.ConnectionStrings["BDcualquiera"].ConnectionString;
    using (SqlConnection con = new SqlConnection(CS))
    {
        using (SqlCommand cmd = new SqlCommand())
        {
 
 
            cmd.CommandText = "	SELECT Nombres,IdTercero, nameId = STUFF(COALESCE(' ,' + RTRIM(IdTercero), '')+ COALESCE(' ,' + RTRIM(Nombres), ''),1,2,'')FROM dbo.Terceros WHERE CAST(IdTercero AS VARCHAR) like '' + @SearchiD + '%'";   //esta consulta me muestra la coincidencia de el nit concatenado con el nombre//
 
            cmd.Connection = con;
            con.Open();
            cmd.Parameters.AddWithValue("@SearchiD", nameId);
            SqlDataReader dr = cmd.ExecuteReader();
            while (dr.Read())
            {
                empResulId.Add(dr["nameId"].ToString());
 
            }
 
 
            con.Close();
            return empResulId;
        }
    }
}

al correr la pagina y al probar el autocompletado no funciona, y en el navegador arroja el siguiente error:



navegador


les agradeceria mucho me pudieran ayudar, he buscado documentación sobre este error pero no hay una solución clara. Muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Hugo
Val: 76
Plata
Ha mantenido su posición en ASP.NET (en relación al último mes)
Gráfica de ASP.NET

Problema con TextBox de autocompletado

Publicado por Hugo (91 intervenciones) el 26/02/2021 00:58:22
Te aconsejo utilizar la librería Select2.js, busca en google y te apareceran ejemplos.

Saludos

Para más códigos visita: http://vbpuntonet.blogspot.com/
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar