We require an ASP.net MVC app that works similiar to a Microsoft Pivot grid control. The page will be divided into two panes split vertically. The left pane will contain a 'nested' list of items populated from server code. The nested collection will have multiple root level nodes and each root node will have multiple child nodes (no further nesting required).
Each child item can be dragged from the left pane to designated drop areas of the grid (column headers and row headers). We have attached a camtasia recording to demonstrate this funcionality (see attached files).
When a child item from the left pane (or node) is dropped, a server event is fired and the page refreshes with data.
We will complete the data acquisition and business logic parts of the app. We just need to have the app refresh with a hard coded dataset/dataTable/Business Object collection when a drop even occurs.
## Deliverables
I've attached a camtasia recording of the Microsoft Pivot Control in MS SQL server. This is similar to what we are rying to replicate but far less detail is required. Just two panes, the left with a nested list or tree control which contains a list of parent and child nodes. Each child can be dragged on to the right panel in designated drop areas that are detailed in two rectangular areas. One rectange is aligned to the left side of the right pane and? the other is aligned to the top of the right pane.?
On drop of a node a serer event fires or an ajax call can be fired to return data to the grid area.
Please refer to video and feel free to ask more questions if unsure.