none
Ajustar tamaño de lista RRS feed

  • Pregunta

  • Buenas tardes a todos. Estoy haciendo un desarrollo en ASP.NET C# y dentro de mi código, tengo un pequeño script el cual sirve para autocompletar un textbox, acá mi código de JQuery.

    <!-- //METODO PARA AUTOCOMPLETAR// -->
    <script type="text/javascript">
        $(document).ready(function () {
            Faena();
        });
        function Faena() {
            $("#TxtFaenas").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "FrmIndexCK.aspx/Faenas",
                        data: "{'faena':'" + document.getElementById('TxtFaenas').value + "'}",
                        dataType: "json",
                        success: function (data) {
                            response(data.d);
                        },
                        error: function (result) {
                            alert("No hay resultados");
                        }
                    });
                }
            });
        }
    </script>
    <!-- //METODO PARA AUTOCOMPLETAR (FINAL)// -->

    Acá el código C#

    [WebMethod]
            public static List<string> Faenas(string faena)
            {
                List<string> empResult = new List<string>();
                DataTable consulta = new Consultas().AutocompletarFaena(faena);
                foreach (DataRow item in consulta.Rows)
                {
                    empResult.Add(item["faenas_desc"].ToString());
                }
                return empResult;
            }

    acá el resultado de la lista cuando introduzco alguna letra.

    La idea es que se ajuste a un tamaño más pequeño y que si la lista es extensa, que se agregue una barra lateral de desplazamiento o algo, pero que sea de un tamaño mucho más pequeño. Cómo podría hacer eso???

    Será muy dificil lograr esto??? Muchas gracias a todos por su tiempo.

    Saludos.

    jueves, 18 de octubre de 2018 18:39

Respuestas

  • Se te ha olvidado proporcionar un detalle muy importante: indicar cual es el mecanismo que usas para autocompletar. Suponiendo que estés usando el Widget Autocomplete de JqueryUI, hay un truco que consiste en cambiarle el tamaño mediante un estilo CSS:

    .ui-autocomplete.ui-front {
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        z-index:1000 !important;
    }
    Hay que tener cuidado con el class, que en este ejemplo es "ui-autocomplete.ui-front" pero lo han ido cambiando según la versión de jqueryui, por lo que en otras versiones puede que necesites una clase distinta.

    • Marcado como respuesta Enrique Aleman viernes, 19 de octubre de 2018 11:38
    jueves, 18 de octubre de 2018 20:24

Todas las respuestas

  • Se te ha olvidado proporcionar un detalle muy importante: indicar cual es el mecanismo que usas para autocompletar. Suponiendo que estés usando el Widget Autocomplete de JqueryUI, hay un truco que consiste en cambiarle el tamaño mediante un estilo CSS:

    .ui-autocomplete.ui-front {
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        z-index:1000 !important;
    }
    Hay que tener cuidado con el class, que en este ejemplo es "ui-autocomplete.ui-front" pero lo han ido cambiando según la versión de jqueryui, por lo que en otras versiones puede que necesites una clase distinta.

    • Marcado como respuesta Enrique Aleman viernes, 19 de octubre de 2018 11:38
    jueves, 18 de octubre de 2018 20:24
  • Estimado, 

    Muchas gracias por tu respuesta. Fue de gran ayuda.

    Saludos

    viernes, 19 de octubre de 2018 14:58