Создание / редактирование / сохранение данных во всплывающем окне jQuery для ASP.NET-MVC и Linq2Sql

Question

У меня есть страница MVC, которая позволяет создавать и редактировать субподряд. Когда пользователь должен выбрать компанию для субподряда, я бы хотел, чтобы у него была возможность создать новую компанию. Я сделал JQuery всплывающим с полями компании, но я не знаю, как затем сохранить эту информацию в таблице компании. Я также хотел бы иметь возможность использовать то же самое всплывающее окно, чтобы позволить пользователю редактировать информацию для существующей компании, но мне нужно руководство по отправке информации во всплывающее окно.

Answer 1

Используйте AJAX для отправки данных из формы во всплывающем окне (действительно, диалоговое окно jQuery) обратно на сервер и для заполнения диалога, когда вы хотите выполнить редактирование.

$('#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

Я искал решение этого вопроса сегодня.

Нашел действительно хорошее решение с открытым исходным кодом с демо. Я полагаю, я свяжу это здесь, чтобы сэкономить время других. Это называется JQuery Inline Edit.

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