Inline adding/deleting new objects (rows) for DataTables

Registered by Ladislav Smola

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
Completed by
Rob Cresswell

Related branches

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.

This blueprint contains Public information 
Everyone can see this information.