需要在jQuery中创建一个对话框，它可以作为表单

Question

我想创建对话框，它可以显示表单，我可以刷新子页面上的页面内容。

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

我使用JQuery并使用控制器提交数据。请亲指导我如何去做。

感谢，

Answer 1

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

创建一个ID '计算器形式' 的格式，并把它作为如下对话。

$("#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"); 
     } 
    });