Vista ad albero
Visualizzazione dati gerarchica con nodi espandibili/comprimibili, icone, selezione con caselle di controllo e navigazione da tastiera. Perfetto per file browser, alberi di categorie e organigrammi. Supporta caselle di controllo padre a tre stati, selezione singola/multipla e linee guida di indentazione.
Anteprima e Codice
_tree_view.html.erb
███
████ ████ █████████ █████████
██████
███ ██████ ███████████████████████ ██████ █
█
███ ██████
██████ ██████
█████████ █
█ ███ ██████ ██████ █████████ █████ █████ ██
tree_view_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████ ██████████ ███████████
██████ ██████ █ █
███████████ █ █████ ███████ ████████ ██████ ██
██████████ █ █████ ████████ ████████ █████ █
█
█████████████ █
tree_view_component.html.erb
████ ██████████ █████████████████ ███
███████████████████████████
████████████████████████████████████ ███████████ ███
███████████████████████████████████ ██████████ ████
███ ████████████████████ ██
██████
tree_view_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
█████ █ █
███████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ██████ █ █ ███ ██████ █ █ █████████ █ █ ██████████████████ █ █ ████ █████████████
████████████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ████ █ █ ██████████ █ █ █████████ █████ █ █ ███ █████ ███████ █ █ ██████████ █ █ ██████████ █ █ ████ █████ █ █ ████ █████████████
█████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ███████ █ █ █████████████ █ █ ███████████████████████████ █ █ ████████ █████ █ █ ████ ██████ █ █ ███ █████████████
████████ █████ ██████████ ████ ███████████ ██████████ █ ██ ███ ███████████████████████████ ██████████████████████ ███████████████████████ ████████████████ █████ ███ ███ ███████████
████████
tree_view_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████ ██████████ ███████████
██████ ██████ █ █
███████████ █ █████ ███████ ████████ ██████ ██
██████████ █ █████ ████████ ████████ █████ █
█
█████████████ █
Registro delle modifiche
- v1.0.0: Initial release with expand/collapse, selection, checkboxes, and keyboard navigation
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora