Rails在模态中呈现部分

时间:2013-09-21 07:53:51

标签: javascript ruby-on-rails modal-dialog ruby-on-rails-4

我真的很难在模态中显示部分局部变量。我是Javascript的新手,似乎无法弄清楚如何在一个新的对话框中呈现局部。目前,我使用“display:none”渲染部分,并在单击“Click me”时,在页面上显示部分,并打开一个空对话框。不幸的是,我的意图是在对话框中显示部分IN,这对不起作用。

观点:

    <div id="groups_show" style="display:none">
      <%= render partial: 'groups/group_full', :locals => {:group => group} %>
    </div>
    <%= link_to "Click me", root_url, class: "groups_showme" %>

使用Javascript:

$('.groups_showme').on('click', function(e) {
  e.preventDefault();
  $('#groups_show').show();
    var htmlString = $(this).html();
    var dialog_form = $('<div id="dialog-form">Loading</div>').dialog({
    autoOpen: false,
    width: 520,
    modal: true,
    open: function() {
      return $(this).html( htmlString );
    },
    close: function() {
      $('#dialog-form').remove();
    }
});

1 个答案:

答案 0 :(得分:1)

也许这对你有用

$('.groups_showme').on('click', function(e) {
  e.preventDefault();

  $('<div id="dialog-form">Loading</div>').dialog({
        autoOpen: true,
        width: 520,
        modal: true,
        open: function() {
            $(this).append($('#groups_show').show());
        },
        close: function() {

        }
    });
});

请参阅此处http://fiddle.jshell.net/aeuzF/3/