jFileTree is JavaScript file tree with keyboard support, multi-selection and other advanced features.
Based on jQuery, inspired by jQuery FileTree but completely rewritten with dozen of improvements:
- correct and full UTF-8 support on both client-side and PHP server-side (including special symbols in the path)
- keyboard support (arrows, enter, shift-key and ctrl-key selection)
- reversible deep-linking (providing path to the address bar, and selecting provided path in the tree)
- correct focus and tabindex support
- correct scrolling support with auto scroll to selected item
- CSS shorten and rewritten, added new file types
Other features:
- Keyboard support
- Arrows UP and DOWN for navigation
- Arrows LEFT and RIGHT for opening/closing of folders
- SHIFT+arrows UP and DOWN for multiple selection
- SHIFT+CLICK for multiple group selection
- CTRL+CLICK for multiple by-one selection (Command+CLICK on Mac)
- ENTER for default action
- ALT+ENTER for alternate action
- Deep-linking
- Selected folder's or file's path is shown in the address bar
- Vice-versa folder or file gets selected by path in the address bar when you reloads page or opens link with another browser
- Multiple selection
- Select one item with CLICK or with arrows UP or DOWN
- Select several items by-one with CTRL-CLICK (on Mac please use ALT+CLICK for right-click compatibility)
- Select several items in group with SHIFT-CLICK or SHIFT + arrows UP or DOWN
- Action and ALT-action
- "Action" happens when you make DOUBLE-CLICK, or when you hit ENTER button on selected item(s):
- Action for folders is open/close
- Action for files can be set with "actionCallback" parameter
- Also you can set additional Action BOTH for files and folders that will be raised if ALT button is pressed while Action performs:
- ALT-action for files AND folders with ALT-DOUBLE-CLICK or ALT-ENTER
- ALT-action can be set with "altActionCallback" parameter
- lightweight - (about 15 KBytes uncompressed JS + CSS)
- fully CSS skinnable
- several instances of jFileTree on the one page works absolutely independent (exclude deep-linking cause address bar is only one :-)
