需要在 jQuery 中创建一个可以充当表单的对话框

Question

我想创建一个可以显示表单的对话框，我可以在提交时刷新页面内容。

我想在对话框中打开计算器。提交值后给出输入。计算应更新同一视图中的表。在同一个对话框中。

我使用 JQuery 并使用控制器提交数据。请指导我该怎么做。

谢谢，

Answer 1

尝试使用 jquery UI 对话框
http://jqueryui.com/demos/dialog/#modal-form

创建一个id 为“calculator-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" );
        }
    });