我可以为您翻译。这段内容涉及编程,需要将页面上的多个图片与相应的文本框关联起来,以便提交图片标签。每个图片和文本框都是通过一个部分视图呈现的。目前,我能够通过完整页面刷新更新标签,并且一切正常。但我希望能够通过AJAX完成所有操作,但我遇到了一些问题。
以下是部分视图中的表单代码:
在控制器的:update_tags方法中,我将图片的标签添加到数据库中,然后想重新加载该图片的部分视图。
以下是控制器的重定向代码:
以下是部分视图中的表单代码:
<%= image_tag image.src %>
<%= form_tag :controller => "images", :action => :update_tags, :remote => true, :image => image.id do %>
<td><%= label_tag "Tags:" %></td>
<td><%= text_field_tag :tags, image.tags %></td>
<td><%= submit_tag "Submit" %></td>
<% end %>
调用部分的主要表单:
<% @images.each do |image| %>
<div id="image_#{image.id}">
<%= render :partial => "image_tag", :locals => { :image => image } %>
</div>
<% end %>
在控制器的:update_tags方法中,我将图片的标签添加到数据库中,然后想重新加载该图片的部分视图。
以下是控制器的重定向代码:
respond_to do |format|
format.js
format.html { redirect_to :back, :remote => true }
end
而且 update_tags.js.erb 文件:
$("#image_#{image.id}").html( "<%= escape_javascript(render :partial => 'image_tag', :locals => {:image => image} ) %>" );
目前它已经能够正常工作,但没有进行任何AJAX操作。我还在学习Rails和jQuery,因此非常感谢您的帮助。我认为我已经包含了所有相关的代码,但如果需要提供其他内容,请告诉我。谢谢!