Elementos de carga diferida con filtrado

Question

Estoy utilizando Backbone.js para cargar 20 elementos a la vez en la página, obteniendo más elementos cuando se desplaza hacia abajo hasta que no quede ninguno para recuperar del servidor.

Al mismo tiempo, quiero un campo de entrada arriba que al escribir un nombre, filtra los elementos que coinciden.

El problema es que si aún no se ha desplazado hacia abajo y ha recuperado el conjunto completo, el filtro de entrada solo coincidirá con los elementos que se encuentran actualmente en la página.

¿Cuál es la mejor solución técnica y visual para combinar el filtrado de la interfaz de usuario con elementos de carga diferida?

EDITAR: El escenario real aquí es cargar todos sus amigos de Facebook que pueden ser muy lentos y combinarlos con otras aplicaciones. No quería cargar todo de una vez porque la experiencia se ha retrasado.

Answer 1

Cuando un usuario está buscando, ¿por qué no restablecer la colección con una búsqueda que incluye un filtro?

Collection.fetch ({plazo:. $ ("# Búsqueda") val()})

Si desea establecer su base de punto final de la API para esta colección para el alcance de sus resultados por los parametros plazo, entonces su la recopilación solo contendría resultados del servidor que coinciden con la entrada del usuario.

También podría limitar la búsqueda inicial a los primeros 3 caracteres que ingresa el usuario y luego hacer el resto del lado del cliente de filtrado a medida que continúan escribiendo. Eso es si no está limitando el lado del servidor de resultados de búsqueda con su primera llamada.