none
Autocompletar RRS feed

  • Pregunta

  • Buen día tengo la siguiente duda hay forma de lograr esto en ASP.NET lo he visto pero no se como hacerlo o al menos no tengo una idea de como lograrlo

    Ir escribiendo en el textbox y debajo salgan las coincidencias adicional a ello me guío de facebook porque eso es lo que se desea ver en el proyecto en la parte final se ve "Ver más resultados para Face" eso es posible de hacerse si es así como puedo lograrlo.


    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    viernes, 19 de abril de 2013 15:33

Respuestas

  • pero quieres que aparezcan tambien las imtenes en cada item, o es solo una lista de valores

    [ASP.NET] PopUp Edición - Usando Jquery UI Dialog

    en el articulo implemento un autocomplete de jquery, pero solo muestra una lista simple de valores

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta José Barba sábado, 20 de abril de 2013 15:00
    viernes, 19 de abril de 2013 15:45
  • Hola Jose Barba

    (me sumo al post)

    Por este tema: "...Ver más resultados *****" se puede lograr?..."

    Depende de cual "plugin" estas utilizando habría que ver como es el modo de "renderizar un item al final" para lograr el tema de un contenedor para que coloques lo que tu quieras.

    Por ejemplo, si tomamos como base el jQuery UI el plugin de AutoComplete seria moder sobreescribir el metodo _renderMenu (si ves el codigo fuente vas de jqueryUI en la parte de Autocomplete podras verlo como es) para ver que itera en los items para ir armando... lo que tendriamos que hacer es al final de la iteracion de item, agregar nuestro "ITEM PERSONALIZADO" para que contenga "Ver mas resultados"

    ...si  lo quieres ver funcionando: http://jsfiddle.net/fernandezja/bjLtX/

    El codigo seria asi:

    var jedisAutoComplete = $("#jedis").autocomplete({
        minLength: 0,
        source: ['Yoda', 'Obi-Wan Kenobi', 'Qui-Gon Jinn', 'Anakin Skywalker', 'Ki(-Adi - Mundi)']
    }).focus(function () {
        $(this).autocomplete("search", this.value);
    });
    
    jedisAutoComplete.data("autocomplete")._renderMenu = function (ul, items) {
        var self = this;
        $.each(items, function (index, item) {
            self._renderItem(ul, item);
        });
        // Barra inferior
        ul.append("<div class='item-masResultados item-masResultados-contenedor'><div class='item-masResultados-contenido'><span>Ver mas resultados...<a class='item-masResultados-enlace' href='http://geeks.ms/blogs/fernandezja/' target='_blank'>click aquí</a></span></div></div>")
    };

    Espero que te sirva de ayuda o guia


    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja

    • Marcado como respuesta José Barba lunes, 22 de abril de 2013 14:04
    sábado, 20 de abril de 2013 19:08

Todas las respuestas

  • pero quieres que aparezcan tambien las imtenes en cada item, o es solo una lista de valores

    [ASP.NET] PopUp Edición - Usando Jquery UI Dialog

    en el articulo implemento un autocomplete de jquery, pero solo muestra una lista simple de valores

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta José Barba sábado, 20 de abril de 2013 15:00
    viernes, 19 de abril de 2013 15:45
  • Si quisiera por ejemplo el contexto es este tengo una tabla con diferentes clientes digamos personas naturales entonces en un textbox que me sirve como filtro para realizar busquedas mientras vaya digitando vayan apareciendo las coincidencias obviamente los que tengo en la base de datos registrados

    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    viernes, 19 de abril de 2013 15:48
  • si eso es lo que hace justamente el autocomplete, pero solo te mostraria el nombre del cliente

    no te mostraria una foto ni nada parecido como lo muestras alli en la imagen

    cada item seria texto plano

    pero si filtra a medida que escribes buscando en la db

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    viernes, 19 de abril de 2013 16:10
  • No las fotografías no serían necesarias pero la parte final donde dice "Ver más resultados *****" se puede lograr?

    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    viernes, 19 de abril de 2013 16:20
  • pero la parte final donde dice "Ver más resultados *****" se puede lograr?

    la verdad no vi ningun plugin de jquery que tenga esa opcion

    por lo general el autocomplete muestra todos los items que encontro en la lista, pareciera que alli esta paginando la propia busqueda

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    viernes, 19 de abril de 2013 16:56
  • Ya veo y dime para despejar algunas dudas cuando busqué información acerca de esto muchos utilizan un Web Services para realizar el Autocompletar es válido hacer eso? que es más recomendable?

    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    viernes, 19 de abril de 2013 16:58
  • Marco la respuesta a este hilo me sirvió de mucho tu ejemplo, pero quisiera me respondieras Leandro que otra opción tengo y cual sería la mejor.

    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    sábado, 20 de abril de 2013 15:00
  • Hola Jose Barba

    (me sumo al post)

    Por este tema: "...Ver más resultados *****" se puede lograr?..."

    Depende de cual "plugin" estas utilizando habría que ver como es el modo de "renderizar un item al final" para lograr el tema de un contenedor para que coloques lo que tu quieras.

    Por ejemplo, si tomamos como base el jQuery UI el plugin de AutoComplete seria moder sobreescribir el metodo _renderMenu (si ves el codigo fuente vas de jqueryUI en la parte de Autocomplete podras verlo como es) para ver que itera en los items para ir armando... lo que tendriamos que hacer es al final de la iteracion de item, agregar nuestro "ITEM PERSONALIZADO" para que contenga "Ver mas resultados"

    ...si  lo quieres ver funcionando: http://jsfiddle.net/fernandezja/bjLtX/

    El codigo seria asi:

    var jedisAutoComplete = $("#jedis").autocomplete({
        minLength: 0,
        source: ['Yoda', 'Obi-Wan Kenobi', 'Qui-Gon Jinn', 'Anakin Skywalker', 'Ki(-Adi - Mundi)']
    }).focus(function () {
        $(this).autocomplete("search", this.value);
    });
    
    jedisAutoComplete.data("autocomplete")._renderMenu = function (ul, items) {
        var self = this;
        $.each(items, function (index, item) {
            self._renderItem(ul, item);
        });
        // Barra inferior
        ul.append("<div class='item-masResultados item-masResultados-contenedor'><div class='item-masResultados-contenido'><span>Ver mas resultados...<a class='item-masResultados-enlace' href='http://geeks.ms/blogs/fernandezja/' target='_blank'>click aquí</a></span></div></div>")
    };

    Espero que te sirva de ayuda o guia


    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja

    • Marcado como respuesta José Barba lunes, 22 de abril de 2013 14:04
    sábado, 20 de abril de 2013 19:08
  • Perfecto muchas gracias Jose me queda más claro varias dudas que tenía al respecto

    Si se solucionó tu consulta no olvides marcar la respuesta. Saludos

    lunes, 22 de abril de 2013 14:04