Question

I am new to ASP.NET MVC and I have a question regarding viewing entity relationships.

Say I have an entity called ‘Person’. This holds the usual data relating to a person (Name, Email, etc). I also have a ‘Notes’ entity. Under EF, a ‘Person’ can have many ‘Notes’.

I have a Person controller where I can view and preform CRUD operations on a Person object.
I can show the notes in the view easily but what is the best way to allow a user to add/edit/delete these notes from the Person view? I am hoping to do this using AJAX and not have the user move to a completely different page to add/edit/delete a note.

Thanks in advance,
ViperMAN.

Answer 1

When they edit a note, popup a jQuery dialog pointing to your URL to edit or have a separate Ajax.BeginForm() on the page that the details go into. When they finish the edit call a method to refresh the notes.

So:
1. In your Notes grid (or whatever)
you have an edit link for each note called “edit”
this link looks something like the following:

This one actually uses ‘notes’ : )

http://www.iwantmymvc.com/dialog-form-with-jqueryui-and-mvc-3

ASP.NET MVC | Problem about showing modal dialog using jQuery dialog widget

ASP.NET MVC modal dialog/popup best practice

Also beware of this scenario for multiple links:
MVC3 – Only first row link works well with Jquery Modal Dialog

Now the urls you use to populate the dialogs would be for example
/Note/Edit/10
One thing to note – jQuery validation needs to know about these new items that are being loaded via ajax into the DOM , so in your partial view you need to tell jQuery validation to include the new items – I’ll edit in a bit to add this, have to grab it from another machine.