[...]ASP.NET MVC: Using Ajax, Json and PartialViews | Atlantic BT[...]…

Bryan, you have a lot of reading to do … when starting from scratch, asking novice, incremental questions will take too long (for everyone involved). There are many examples out there for MVC, AJAX, jQuery, etc. Granted, not quite as polished as this one!

To (hopefully) answer your question, you need to define a Model. You can relatively quickly add a new model based on an existing database by using the wizard (right-click Models (folder), add New item, Data category, ADO.NET Entity Data Model). If that’s not an option, create your own model classes and look up how to create repositories (aka, your data layer).

Using LINQ (whether against your ADO.NET model or your repository data), generate a data set like this:
var results = from rec in (model name)
where rec.ColumnName.Equals(someArgument)
select rec;
return Json(results.ToList());

I hope this helps you along. Seriously, hit the books and the online sample code (both from MS and the community).

DCC

Thanks in advance.
-Bryan

That’s a good question. Maybe you could ask the original poster at http://craftycodeblog.com/2010/05/15/asp-net-mvc-render-partial-view-to-string/.

When you say it “blows up,” what does it do? Are you getting a particular exception? (are you using MVC 2?)

In the actual project that I was working on, I did use jQuery dialog Modal to pop up and then add the person. I did the same for the “Edit” as well.

Now for some personal ranting: Just spent the full week trying to implement something similar and when I finally reach the add part on Friday i found your post =P

You could use the jQuery UI dialog to add a Person. a quick example:

On the View that call the add Person View put the following script:

$(“#dialog-form”).dialog({
autoOpen: false,
modal: true,
title: ‘Add Person’,
buttons: {
Cancel: function() {
$(this).dialog(‘close’);
},
‘Ok’: function() {
$(this).dialog(‘close’);
$.ajax({
type: “POST”,
url: “/Person/JsonAdd”,
data: “FirstName =” + $(‘#FirstName ‘).val() + “&LastName =” + $(‘#LastName ‘).val(),
success: function(result) {
$(“#contactlistform”).html(result.PartialViewHtml);
}
});
}
},
});

and place the AddPerson partial view inside a div with id=dialog-form.
This should do the trick =)