none
AutoComplete ASP.NET WebForms con JQuery RRS feed

  • Pregunta

  • Hola a todos,

    estoy realizando un Texbox Autocomplete utilizando JQuery con el metodo de AJAX, tomando datos de un WebMethod el cual me retorna List<string>, hasta el momento me funciona a la perfección, pero si quiero retornar del WebMethod otro tipo de objeto como List<UsuarioBE> con diversas propiedades, no se como mostrar en el campo desplegable del Texbox Nombre + Apellidom, actualmente mi codigo de JQuery es asi

        <script type="text/javascript">
    
            $(document).ready(function () {
                
                $('#idExternalNamesExample2').autocomplete({
                    source: function (request, response)
                    {           
                        
                        $.ajax({
                            url: '<%= Microsoft.AspNet.FriendlyUrls.FriendlyUrl.Resolve("~/Default.aspx/Usu") %>',
                            method: 'POST',
                            contentType: 'application/json;charset=utf-8',
                            data: "{'parametro': 'request'}",
                            dataType: 'json',
                            success: function (data) {
                                response(data.d);
                            },
                            error: function (err) {
                                alert(err);
                            }
                        });
                     
                    }
                })
    
            });
    
        </script>

    y mi WebMethod y Clase Usuario son

     public partial class Default : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                
            }
    
            [WebMethod()]
            public static List<Usuario> Usu(string parametro)
            {
                List<Usuario> listaa = new List<Usuario>() { 
    
                   new Usuario() { Id = 1, Nombre="Alejandro"},
                   new Usuario() { Id = 1, Nombre = "Alexander" },
                   new Usuario() { Id = 2, Nombre = "Alejit"},
                   new Usuario() { Id = 2, Nombre = "Andres"},
                   new Usuario() { Id = 2, Nombre = "Amaranto"}
            };          
                return listaa;
             }
    
    
        }
    
        public class Usuario
        {
            public int Id { get; set; }
    
            public string Nombre { get; set; }
        }
    quisiera poder mostrar el campo Nombre en el despegable del autocomplete, esto con el fin de que a futuro voy a ingresar mas propiedades a la clase Usuario como Numero de Identificacion, Apellido, etc..

    jueves, 9 de noviembre de 2017 3:36