необходимо создать диалоговое окно в jQuery, которое может действовать как форма

Question

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

Я хочу открыть калькулятор в диалоговом окне. При вводе после отправки значения. Расчет должен быть обновлен в таблице в том же виде. в том же диалоговом окне.

Я использую JQuery и для отправки данных я использую контроллер. пожалуйста, подскажите мне, как это сделать.

Спасибо

Answer 1

Попробуйте использовать диалоговое окно jquery UI http://jqueryui.com/demos/dialog/#modal-form

Создайте форму с идентификатором «калькулятор-форма» и вызовите ее, как показано ниже.

$( "#calculator-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Submit": function() {
                        //you can get the controls on the main page and do you logic here and close the dialog
                    $( this ).dialog( "close" );
                }
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            allFields.val( "" ).removeClass( "ui-state-error" );
        }
    });