需要在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" );
        }
    });