So, as we speak, I’m going through a bit of the code that I’ve submitted for the OLM project, and I’ve begun refactoring.<\/p>\n
While doing this, I ran into an interesting problem:\u00a0 I want to use Rails’ remote_function to update two sections of the page with an AJAX call.\u00a0 For a while, this stumped me, because you can really only have one render call within a controller method, like this:<\/p>\n
render :partial => \"footer\"<\/pre>\nBut I was determined to render two.\u00a0 So here’s what I ended up doing:<\/p>\n
On the client side, I’ve got this in my view…<\/p>\n
<%= remote_function (:url =>{ :action => \"codeviewer\", :id => @assignment.id, :uid => @uid },\r\n :with => \"'fid='+fid\", :after => \"$('working').hide();\")%><\/pre>\nAnd in the Controller, in the “codeviewer” method, I do this: <\/p>\n
render :update do |page|\r\n page.replace_html 'codeviewer', :partial => 'codeviewer', :locals =>\r\n { :uid => params[:uid], :filetext => filetext, :annots => annots}\r\n #Also update the annotation_summary_list\r\n page.replace_html 'annotation_summary_list', :partial => 'annotation_summary', :locals => {:annots => annots, :fid => @fid}\r\nend<\/pre>\nThis will render my two partials in the DOM elements with ID’s ‘codeviewer’ and ‘annotation_summary_list’, respectively.<\/p>\n
Nice.<\/p>\n","protected":false},"excerpt":{"rendered":"
So, as we speak, I’m going through a bit of the code that I’ve submitted for the OLM project, and I’ve begun refactoring. While doing this, I ran into an interesting problem:\u00a0 I want to use Rails’ remote_function to update two sections of the page with an AJAX call.\u00a0 For a while, this stumped me, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[162,79],"tags":[160,161,158,157,159,86,87],"class_list":["post-310","post","type-post","status-publish","format-standard","hentry","category-ruby-on-rails-technology","category-technology","tag-multiple","tag-multiple-partials","tag-partials","tag-rails","tag-rendering","tag-ruby","tag-ruby-on-rails"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/prmTy-50","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":3,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"predecessor-version":[{"id":3255,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/posts\/310\/revisions\/3255"}],"wp:attachment":[{"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mikeconley.ca\/blog\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}