Question

i have a regular html Grid and i am binding my asp.net mvc view to a strongly typed array called MyObject[]. MyObject has 40 properties but i only populate 10 of them because that is what is shown on the main grid. this is in the index view.

i want to add a column to my grid to have a link that says “Edit Details”. this would bring up jquery ui dialog with a form to fill out and allow the user to edit the details. i basically want to show my whole edit view inside the jquery ui dialog on top of the index page.

the one issue that i have is there is a lot more data in the details screen than i have brought down from the server. This was fine when Edit was a seperate page because i went back to the server and populated all the detail data and then did the binding the the edit page but i obviously can’t do that now.

So, is there anyway to rebind to a particular MyObject that I repopulate from the server or do i have to bring everything down at first and use jquery to populate these fields when i click on the row.

Answer 1

Why not do a partial post back using jQuery to get the model you want to edit? then you can return either the model or a RenderParttial and simply display the generated html in the dialog.

if you need samples let me know.

EDIT

$.post("/Controller/jQueryMethod", { param: paramValue }, function(newCommentListHTML) {
  //do something interesting with the html
});

The above will do a jquery post back to your controller and an action called jQueryMethod.

It also passes a single parameter. Comma seperate these if you want more.

Your controller then grabs the model and it can then pass the model to a PartialView which it then returns.

Much like this return RenderPartial("PartialView", model);