rails 3和jQuery Dialog表单

Question

我谷歌它,但仍然找不到信息或教程.我有一个项目的链接,我想要jquery对话框表单onclick with item /编辑这个项目并提交.我怎么能实现这个？所有教程都从html中获取形式,我想从视图中获取它,并且字段需要填充现有值.

Answer 1

对话框中的表单就像常规表单一样 - 它们没有什么特别之处.

如果您有一个用于编辑项目的表单,请将其包装在a中<div>并为其指定一个id.例如:

<div id="your_dialog">
  <% form_for ... %>
     ... rest of form goes here
  <% end %>
</div>

然后在某个地方你需要使用javascript设置对话框:

<script>
$(document).ready(function() {
  var $your_dialog = $('#your_dialog').dialog({ 
    autoOpen: false, 
    title: 'Edit',
    modal: true,
    draggable: false
  });
});
</script>

然后将对话框连接到某个链接(可能在您的链接中public/application.js):

$('#open-dialog').click(function(){
    $your_dialog.dialog('open');
});

在视图的某个位置,您将拥有一个用于打开对话框按钮的元素:

<span id="open-dialog">Click me to open the dialog</span>

如果您希望对话框成为AJAX提交,请确保:remote => true在表单参数中使用.

应该这样做.在尝试将其放入对话框之前确保您的表单有效(即在尝试连接javascript对话框之前获取第一个div /表单)