Inline adding/deleting new objects (rows) for DataTables
To make adding/deleting of the objects (rows) more user-friendly, we can use AJAX to allow adding/deleting of the objects (rows) directly in the table.
Blueprint information
- Status:
- Complete
- Approver:
- Gabriel Hurley
- Priority:
- Low
- Drafter:
- Ladislav Smola
- Direction:
- Needs approval
- Assignee:
- Ladislav Smola
- Definition:
- Obsolete
- Series goal:
- Proposed for future
- Implementation:
- Unknown
- Milestone target:
- None
- Started by
- Completed by
- Rob Cresswell
Related branches
Related bugs
Sprints
Whiteboard
[2013-08-14 | lsmola]
- problem in here is that the table row doesn't always contain all required fields. So this should probably show form with all required fields, rather than all columns of the table. Otherwise the new object couldn't be added.
easiest solution
1. Add new row: just show a regular popup form for create, then insert a new row by ajax. That could be tricky if pagination is involved.
So maybe just AJAX refreshing of the table, showing the page containing the new row - maybe some appear animation of newly created row.
2. Delete new row: just delete it in html and via AJAX. Can be also tricky when pagination is involved, the same number of elements should be displayed after delete, also switching of the page could be needed when the last element on the page will be deleted.
So again refreshing of whole table via ajax, maybe with animation of deleted element could be the easiest.
Feedback for this is very welcome.
Work Items
Dependency tree
* Blueprints in grey have been implemented.