Do you like the Grid but would want it to appeal more to old Excel jockeys? Then this add-on is for you! GridFastNavigation is a compnent extension for Vaadin Grid, which uses the unbuffered editing mode and alters its keyboard controls to provide a faster editing experience.
Official releases of this add-on are available at Vaadin Directory. For Maven instructions, download and reviews, go to https://vaadin.com/directory/component/gridfastnavigation-add-on
git clone https://github.com/thinwire/GridFastNavigation.git mvn clean install cd GridFastNavigation-demo mvn jetty:run
To see the demo, navigate to http://localhost:8080/
For further development of this add-on, the following tool-chain is recommended:
- Eclipse IDE
- m2e wtp plug-in (install it from Eclipse Marketplace)
- Vaadin Eclipse plug-in (install it from Eclipse Marketplace)
- Chrome browser
Choose File > Import... > Existing Maven Projects
Note that Eclipse may give "Plugin execution not covered by lifecycle configuration" errors for pom.xml. Use "Permanently mark goal resources in pom.xml as ignored in Eclipse build" quick-fix to mark these errors as permanently ignored in your project. Do not worry, the project still works fine.
If you have not already compiled the widgetset, do it now by running vaadin:install Maven target for GridFastNavigation-root project.
If you have a JRebel license, it makes on the fly code changes faster. Just add JRebel nature to your GridFastNavigation-demo project by clicking project with right mouse button and choosing JRebel > Add JRebel Nature
To debug project and make code modifications on the fly in the server-side, right-click the GridFastNavigation-demo project and choose Debug As > Debug on Server. Navigate to http://localhost:8080/GridFastNavigation-demo/ to see the application.
Debugging client side code in the GridFastNavigation-demo project:
- run "mvn vaadin:run-codeserver" on a separate console while the application is running
- activate Super Dev Mode in the debug window of the application or by adding ?superdevmode to the URL
- You can access Java-sources and set breakpoints inside Chrome if you enable source maps from inspector settings.
- Added ClickOutListener
- Changed widgetset.xml filename, Fixed issues #40, #41
- Modified CellFocusEvent and RowFocusEvent to return -1 if focus is in Header/Footer
- Updated JavaDocs
- Added getItemId() to CellFocusEvent and RowFocusEvent
- Minor bug fix, there was regression due fix to issue #35
- Added getItemId() to CellEditEvent and RowEditEvent
- Fixed issue #35: Listeners should be able to be used independently now.
- Updated the demo
- Synched the version numbers between 2.x.x / Vaadin 8 and 1.x.x / Vaadin 7 edition
- Added support for closing Editor and dispatching event when clicking outside of Grid.
- Added DeleteButtonRenderer to demo
- Made opening by single click configurable
- Bugfixes
- Editor will be enabled also by delete key, and the existing value will be deleted.
- Fixed minor issue: row edit event not triggered when in bottom right corner
- Fixed issue with mouse navigation producing excess row edit events
- Added option to change column when enter key is pressed on last row (provided that enter key is in row change mode)
- Added more java docs
- Small bug fix with potential index out of bounds issue
- Small fix. Editor is now opened with single click also.
- Added support for pageup/down keys in edit mode.
- Added possibility configure enter key to change column instead of row
- Updated the demo
- Added support for ComboBox in the edit fields of the editor.
- Updated the demo
- Added support for CheckBox in the edit fields of the editor.
- Updated the demo
- Fixed to be compatible with 7.7.7 and newer. With older framework versions (7.6.0 to 7.7.6) you need to use 0.3.0
- Implemented the RowEditEvent and CellEditEvent logic
- Fixed a bug: Pressing Esc should cancel edit and reset the value
- Added Home/End key support: Home - first row, End - last row, Shift+Home - first column on first row, Shift+End last column on last row
Moving editor outside the first or last row will cause the editor to save and close. This fixes a usability issue with single-row Grids. Future versions will have this behavior toggleable, once I introduce explicit save-and-close shortcuts.
- Complete rewrite and architectural redesign
- Customizable open and close shortcuts
- Server-side focus tracking events either on per-cell or per-row basis
- Editor open/close events
- Opening editor by typing can be enabled and disabled
- Keyboard up/down arrow navigation can be enabled and disabled
- DateFields now don't stop working after using up/down arrow navigation
- Selecting text when opening editor can be enabled and disabled
- Tab navigation now skips disabled columns
- Additional columns can be disabled on a per-row basis using editor open event
NOTE: server-side notification of changed data has been removed (for now), but can be emulated using editor open/close events, which are now sent per row.
- Initial release. Expect dragons. :)
The issues for this add-on are tracked on its github.com page. All bug reports and feature requests are appreciated.
Contributions are welcome, but there are no guarantees that they are accepted as such. Process for contributing is the following:
- Fork this project
- Create an issue to this project about the contribution (bug or feature) if there is no such issue about it already. Try to keep the scope minimal.
- Develop and test the fix or functionality carefully. Only include minimum amount of code needed to fix the issue.
- Refer to the fixed issue in commit
- Send a pull request for the original project
- Comment on the original issue that you have implemented a fix for it
Add-on is distributed under Apache License 2.0. For license terms, see LICENSE.txt.
GridFastNavigation is written by Patrik Lindström, Tatu Lund and Johannes Tuikkala and maintained by the Tatu
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent