Create/Edit/Save data in a jQuery pop-up for ASP.NET-MVC and Linq2Sql

Question

I have a MVC page which allows creation and editing of a subcontract. When the user has to select a company for the subcontract, I would like for them to have the option to create a new company. I've made a jQuery pop-up with the company fields, but I don't know how to then save this information to the company table. I would also like to be able to use the same pop-up to allow the user to edit the information for an existing company, but need direction in how to send the information to the pop-up.

Answer 1

Use AJAX to both send the data from a form in the pop-up (jQuery dialog, really) back to the server and to populate the dialog when you want to do the editing.

$('#addSubcontract').click( function() {
    $.get('/company/new', null, function(data) {
        $('<div>' + data + '</div>').dialog({
            modal: true,
            buttons: {
               'Add': function() {
                        var dialog = $(this);
                        var form = $(this).find('form');
                        $.post('/company/new', $(form).serialize(), function() {
                            dialog.dialog('destroy');
                        }
                      }
               'Cancel': function() {
                      $(this).dialog('destroy');
                      }
           },
           ...
       }
    });
});

Answer 2

I was looking for a solution to this question today.

Found a really nice opensource solution with demo. I figure I'll link it here to save others' time. It's call jQuery Inline Edit.

http://www.codenothing.com/archives/jquery/inline-text-edit/