Need to replace the grid with new grid through ajax query.
Getting the html from server through partialview and grid mvc helper. [This partialview HTML contains Table and Script Tags]
The new grid has different bands and columns.
Can see a sample at https://github.com/IgniteUI/igniteui-angularjs/issues/14 but need a similar one for JQuery.
Let me identify the issue. Do you want to create completely new grid or you want only to change the datasource and respectively the columns/columnLayouts collection of the current one?
Here is the scenario:
1 - The grid is fetched as part of the initial page load. This grid is created through MVC Helper.
2- On a click event, HTML is obtained from the server through Ajax operation.
The Ajax HTML is obtained through a partialview, which has code similar to following:
3- Now we need to replace the grid that is currently displayed on screen with the grid (HTML) returned from server.
The Model contains the datasource as well as the columnLayouts/columns. The new grid obtained via Ajax will contain a completely different data source and columnLayouts/columns collection.
Please find the attached sampleloadPartialView.zip