¿Hay un buen control treeview compatible con ajax buscando, filtrando?

He estado buscando un control de vista de árbol de JavaScript que sea compatible con la búsqueda “sobre la marcha”, el filtrado (similar al cuadro de autocompletar).

Encontré ExtJS que tiene esa característica, pero es demasiado grande (~ 800 KB js). También me gusta el control jquery TreeTable, pero no estoy seguro de si es compatible con esa característica.

Por favor avise. Cualquier sugerencia es bienvenida, muchas gracias.

Sugiero jstree , viene con algunos complementos agradables, como un complemento json para buscar nodos de un servidor, así como un complemento de búsqueda.

No es una solución perfecta para su comportamiento de búsqueda deseado, pero puede usar esto para su ventaja:

“El complemento de búsqueda permite buscar nodos cuyo título contenga una cadena determinada, también funciona en árboles asíncronos. Todos los nodos encontrados obtienen la clase jstree-search aplicada a sus nodos contenidos: puede usar esa clase para aplicar estilos a los resultados de búsqueda”.

Por lo tanto, si sabe que todos los nodos obtienen esta clase, puede ocultar fácilmente todos los nodos y luego dejar que el complemento de búsqueda agregue esta clase que anula (! Importante) el atributo de visualización de la clase css.

Puedes echar un vistazo a este artículo 8 Ejemplos útiles de JQuery TreeView

Consulte el componente TreeView de obout.com. Sin embargo, es ASP.NET.

Pruebe http://www.addobject.com/nlstree esta es una solución comercial, pero la mejor que he encontrado. Bien documentado, bastante flexible y tiene un buen rendimiento general. Su comportamiento se puede extender fácilmente usando varios eventos que expone.

Si este no funciona para su requisito, mejor comience a codificar uno.

Ir por jstree . Es ligero y bueno.

800 KB en un sitio web o aplicación web no es demasiado hoy en día. Ingrese Google, escriba “jquery treeview plugin” (búsqueda instantánea activada) y descargará aproximadamente 250 KB y ni siquiera parpadeó.

No soy el gran admirador de Ext JS y estoy sorprendido de las herramientas jQuery + jQuery UI + plugins + jQuery, etc. Pero Ext JS TreeView es increíblemente útil y está listo para ser utilizado.

Hay muchas posibilidades con TreeView (incluso TreeGrid, que creo que es la TreeTable que estás buscando).

También puede intentar crear su propio paquete de vista de árbol Ext JS (solían tener un constructor Ext JS, pero ya no está disponible) con solo las dependencias requeridas.

Creo que el principal problema al usar Ext JS es cuando dibujas interfaces complejas, como: http://dev.sencha.com/deploy/dev/examples/feed-viewer/view.html

http://dev.sencha.com/deploy/dev/examples/desktop/desktop.html

http://dev.sencha.com/deploy/dev/examples/calendar/index.html

Pero puedes probar un ejemplo complejo de TreeView (un TreeGrid) y verás que no es demasiado: http://dev.sencha.com/deploy/dev/examples/treegrid/treegrid.html

Espero que esto ayude