По запросу модальный рендеринг?

Question

Как я понимаю, модами jquery отображаются во время загрузки страницы и запускаются пользователем с помощью скрытого = true для скрытого = ложного значения.

Это прекрасное и денди и прекрасно работает, когда модальности хранятся на минимальной странице. Но, и вот мой вопрос, что, если у вас есть весь список модалов, когда при нажатии на него появляется модальная информация для редактирования. Скажем, например, сетку документов, и вы хотите щелкнуть по документу и иметь модальное всплывающее окно, чтобы просто отредактировать небольшой документ. Не приведет к тому, что все эти документы во время загрузки страницы замедлят работу пользователя. Разве нет способа загрузить и сделать этот модальный «по требованию».

Какова стандартная практика такого поведения.

Я знаю, что рельсы способ загружать новую страницу на документ, но мне очень любопытно посмотреть, как я могу это сделать.

Я отметил также толпу jQuery, так как эта библиотека является той, с которой я больше всего знаком.

Answer 1

Я делаю это в своих приложениях. Это код для кнопки обратной связи в одном из моих приложений.

Он создает диалоговое окно, и когда кнопка нажата, содержимое диалога загружается динамически.

$(function() { 
    var button= $("#FeedbackButton"); 
    if (button.length == 0) 
     button= $("<div id='FeedbackButton'>Feedback</div>").hide().appendTo("body"); 


    var dialog = $("#FeedbackDialog"); 
    if (dialog.length == 0) 
     dialog = $("<div id='FeedbackDialog'>Feedback</div>").hide().appendTo("body"); 

    button.click(function() { 
     button.hide(); 
     dialog.load("_FeedbackDialog.htm"); 
     $(dialog).dialog({ 
      title: "Feedback", 
      modal: true, 
      width: 800, 
      height: 300, 
      close: function() { 
       $(button).show(); 
      } 
     }); 
    }); 
}); 

Answer 2

Посредством рендеринга модального запроса, я предполагаю, что вы имеете в виду ответ на запрос AJAX. В этом случае да, есть способ построить модальный по требованию. Что вам нужно сделать, так это настроить прослушиватель событий, который выполняет вызов AJAX для вашего контроллера.

# my_view.html 
/* inside JS event trigger */ 
$.get("/get_modal.js") 

Затем в вашем контроллере ответьте на этот вызов AJAX.

# my_controller.rb 
def get_modal 
    respond_to do |format| 
    format.js # this will execute get_modal.js (or get_modal.js.erb) 
    end 
end 

Ваше «мнение», однако, не будет HTML, это будет JS, который дает вам свободу делать все, что хотите.

# get_modal.js 
/* JS modal code */