UJS частичный рендеринг в Rails 3

Question

Я изо всех сил пытаюсь понять, как реализовать UJS в Rails (в частности, Rails 3 с jQuery). Я работал с Ryan's Railscast и могу следить за тем, что делать при отправке формы через AJAX, но у меня возникают проблемы с расширением этой концепции для присоединения функции javascript к элементу html в моих файлах просмотра. В конечном счете, я хотел бы иметь возможность создать форму, в которой будет отображаться различный фрагмент в зависимости от того, какой переключатель выбран из серии. Должен ли я смотреть на использование устаревших помощников Prototype для этого? И когда мне нужно создать файл .js.erb?

Извините за вопрос новичка, я не смог найти ничего, что явно обрисовывает концепцию UJS и как использовать его в приложении Rails / переключать код с подхода RJS. Любая помощь будет высоко ценится!

Answer 1

Используя remote => true в форме, ваши данные будут отправлены на сервер, и весь возвращенный JavaScript будет просто выполнен в контексте страницы, поэтому вот простой пример:

<%= form_tag '/action_path', :remote => true do %>
  <%= radio_button_tag 'partial', 'one' %>
  <%= radio_button_tag 'partial', 'two' %>
  <%= submit_tag 'select' %>
<% end %>

<div id="partial_holder">

</div>

На сервере

def action
  #do whatever you want with parameters
end

В файле action.js.erb

$('#partial_holder').html("<%= escape_javascript(render(:partial => params[:partial])) %>")

Answer 2

В файле action.js.erb

$('#partial_holder').html(<%= escape_javascript(render(:partial => params[:partial])) %>)

В приведенной выше строке есть небольшая ошибка: теги ruby ​​внутри метода html должны быть внутри кавычекБудет работать следующее.

$('#partial_holder').html("<%= escape_javascript(render(:partial => params[:partial])) %>")

Answer 3

По каким-то странным для меня причинам вышеупомянутое решение не сработало.Это сделало:

Element.replace('element_id', '<%= escape_javascript(render(:partial=>"foo")) %>');

Обратите внимание на ', который окружает блок рубина.

Answer 4

Пожалуйста, обратитесь к следующим ссылкам для более глубокого понимания концепции UJS:

http://www.railsinside.com/tips/451-howto-unobtrusive-javascript-with-rails-3.html

http://joshhuckabee.com/jquery-rails-3

http://therailworld.com/posts/26-Using-Prototype-and-JQuery-with-Rails3-UJS-

http://www.metaskills.net/2010/1/29/unobtrusive-js-in-rails-3-with-prototype