在此问题开头添加:我刚刚开始逐渐开始更广泛地使用javascript + rails,因此,如果我问的是错误的问题,请告诉我!
我正在Rails中设置一个main()
页面,以在Bootstrap模式下显示编辑表单。我已经使用this recipe了,这意味着我的文件是这样的:
#index
UserController.rb
<other actions>
def edit
respond_to do |format|
format.js
end
end
app/views/users/index.html.erb
<%= link_to 'Edit',
edit_user_path,
{:remote => true, 'data-toggle' => "modal", 'data-target' => '#modal-window'} %>
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div>
app/views/user/edit.js.erb
$("#modal-window").html("<%= j render 'edit' %>");
考虑到我们使用Webpacker所拥有的新功能,我很好奇是否有更好的方法可以做到这一点,但是这并没有完全迁移到前端框架。首先,我想从视图中删除那些javascript文件,以及不必担心暴露jQuery。