Vista de árbol
Visualización de datos jerárquicos con nodos expandibles/colapsables, iconos, selección por checkbox y navegación por teclado. Perfecto para exploradores de archivos, árboles de categorías y organigramas. Soporta checkboxes de padre con tri-estado, selección única/múltiple y líneas guía de indentación.
Vista Previa y Código
_tree_view.html.erb
███
████ ████ █████████ █████████
██████
███ ██████ ███████████████████████ ██████ █
█
███ ██████
██████ ██████
█████████ █
█ ███ ██████ ██████ █████████ █████ █████ ██
tree_view_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████ ██████████ ███████████
██████ ██████ █ █
███████████ █ █████ ███████ ████████ ██████ ██
██████████ █ █████ ████████ ████████ █████ █
█
█████████████ █
tree_view_component.html.erb
████ ██████████ █████████████████ ███
███████████████████████████
████████████████████████████████████ ███████████ ███
███████████████████████████████████ ██████████ ████
███ ████████████████████ ██
██████
tree_view_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
█████ █ █
███████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ██████ █ █ ███ ██████ █ █ █████████ █ █ ██████████████████ █ █ ████ █████████████
████████████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ████ █ █ ██████████ █ █ █████████ █████ █ █ ███ █████ ███████ █ █ ██████████ █ █ ██████████ █ █ ████ █████ █ █ ████ █████████████
█████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ███████ █ █ █████████████ █ █ ███████████████████████████ █ █ ████████ █████ █ █ ████ ██████ █ █ ███ █████████████
████████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ███ ███ ███████████
████████
tree_view_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████ ██████████ ███████████
██████ ██████ █ █
███████████ █ █████ ███████ ████████ ██████ ██
██████████ █ █████ ████████ ████████ █████ █
█
█████████████ █
Registro de Cambios
- v1.0.0: Initial release with expand/collapse, selection, checkboxes, and keyboard navigation
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso