Index / Java / Búsqueda dinámica en JList

Búsqueda dinámica en JList

Autor jc mouse jueves, septiembre 7, 2017

Un JList nos permite almacenar objetos en una lista y mostrarlos gráficamente en una serie vertical en el cual el usuario puede desplazarse usando un scroll para buscar un elemento, sin embargo, para optimizar la experiencia del usuario, es conveniente implementar un buscador dinámico que nos permita ubicar un elemento de la lista sin tanto esfuerzo. Y es de lo que se trata este post, algo sencillo de hacer.

Creamos un JFrame y en el agregamos una caja de texto y un jList como se ve en la siguiente imagen:

A continuación ingresamos a modo código del JFrame y en el constructor de clase añadimos:

    public JFrame() {
        initComponents();
        
        DefaultListModel<String> modelOriginal = new DefaultListModel();   
        modelOriginal.addElement("Aquiles Brinco");
        modelOriginal.addElement("Aquiles Baeza (Parada)");
        modelOriginal.addElement("Armando Casas");
        modelOriginal.addElement("Débora Melo");
        modelOriginal.addElement("Elsa Pato");
        modelOriginal.addElement("Elsa Pito");
        modelOriginal.addElement("Elsa Podiondo");
        modelOriginal.addElement("Elba Zurita");
        modelOriginal.addElement("Luz Rojas");
        modelOriginal.addElement("Marcia Ana");
        modelOriginal.addElement("Rosamel FIerro");
        modelOriginal.addElement("Susana Oria");
        modelOriginal.addElement("Zacarias Flores del Campo");
        modelOriginal.addElement("Aquiles Castro");
        modelOriginal.addElement("Keca Galindo");
        modelOriginal.addElement("Elma Montt");
        modelOriginal.addElement("Sole Dolio");
        modelOriginal.addElement("Débora Cabezas Parada");
        modelOriginal.addElement("Lucho Pay");
        modelOriginal.addElement("Armando Mocha");
        modelOriginal.addElement("Paloma María Parada");
        modelOriginal.addElement("Alma Marcela Goza de Alegría");
        modelOriginal.addElement("Guillermo Nigote");
        modelOriginal.addElement("Elvis Tek");
        modelOriginal.addElement("Sevelinda Parada");
        modelOriginal.addElement("José Luis Lamata Feliz");
        modelOriginal.addElement("Aquiles Bailo");
        modelOriginal.addElement("Alan Brito Delgado");
        modelOriginal.addElement("Benito Camelo");
        modelOriginal.addElement("Dolores Delano");
        modelOriginal.addElement("Elsa Capunta");
        modelOriginal.addElement("Elmer Curio");
        modelOriginal.addElement("Elba Lazo");
        modelOriginal.addElement("Elsa Pallo");
        modelOriginal.addElement("Mary Conazo");
        modelOriginal.addElement("Mario Neta");
        modelOriginal.addElement("Soila Cerda");
        modelOriginal.addElement("Zampa Teste");
        modelOriginal.addElement("Elsa Polindo");
        modelOriginal.addElement("Pato Carlos Bustos de la Vaca");
        modelOriginal.addElement("Jorge Nitales");
        modelOriginal.addElement("Elva Gina");
        modelOriginal.addElement("Esteban Dido");
        modelOriginal.addElement("Elba Calao");
        modelOriginal.addElement("José Lamata Feliz");
        modelOriginal.addElement("Rosa Malcacho");
        modelOriginal.addElement("Yola Prieto");
        modelOriginal.addElement("Rosa Meza Cabeza");
        modelOriginal.addElement("Elvio Lao");
        modelOriginal.addElement("Elver Galinda Parada");
        modelOriginal.addElement("Miren Amiano");
        modelOriginal.addElement("Rosamel Forrito");
        this.jList1.setModel(modelOriginal);

        //Caja de Texto
        jTextField1.addKeyListener(new KeyAdapter() {
            
            @Override
            public void keyReleased(KeyEvent e) {//Se ejecuta cuando se libera una tecla
                JTextField textField = (JTextField) e.getSource();
                //obtiene contenido del textfield
                String text = textField.getText();
                if (text.trim().length() > 0) {
                    //nuevo Model temporal
                    DefaultListModel<String> tmp = new DefaultListModel();
                    for (int i = 0; i < modelOriginal.getSize(); i++) {//recorre Model original
                        //si encuentra coincidencias agrega a model temporal
                        if (modelOriginal.getElementAt(i).toLowerCase().contains(text.toLowerCase())) {
                            tmp.addElement(modelOriginal.getElementAt(i));
                        }
                    }
                    //agrega nuevo modelo a JList
                    jList1.setModel(tmp);
                } else {//si esta vacio muestra el Model original
                    jList1.setModel(modelOriginal);
                }
            }
        });

    }

Eso es todo, ejecuta y prueba

enjoy!!!

También Te Podría Interesar

Conectar SQL Server con VB6

En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...

JPlay CD – Autoejecutable para java

En este tutorial se explica una forma de crear CD autoejecutable para programas hechos en java asi como para instalar la...

Configura tu smartphone y PC para testear aplicaciones

Cuando desarrollamos aplicaciones para android como programadores nos interesa la velocidad al tiempo de depurar el códi...

Subir imagen a un servidor web con REST/JSON

En este tutorial crearemos una sencilla aplicación para android que nos permitirá subir una imagen a un servidor web. La...

Yachaywasi – Crea exámenes tipo test para android

Yachaywasi versión 3.1 es una aplicación para android que te permite crear, editar y realizar exámenes tipo test cómodam...

Uso y creación de archivos 9-Patch

Antes de la aparición de los celulares inteligentes y de las grandes mejoras tecnológicas que trajeron con ellas, las ap...

2 comentarios en “Búsqueda dinámica en JList”

Datmau dice:

19 septiembre, 2017 a las 14:50

¡Excelente aporte!. Una pregunta como lo harías con una conexión a BD:
Lo que se me ocurre es correr la query cada vez que presione una tecla ¿Es lo más eficiente? ¿Como lo harías tu?
De antemano gracias por tu respuesta.
1. Mouse dice:
  
  21 septiembre, 2017 a las 3:03
  
  pues si es en local, no hay problema, pero la forma que mencionas seria mas que todo para un jtextbox, en este caso es un JList y los valores ya están cargados en memoria por lo que llamar a la base de datos seria hacer doble trabajo