Adam Templeton
Adam Templeton

Reputation: 4617

Updating a rails partial with Javascript

I currently have two divs, one that contains a search bar and one that contains a partial, as such:

<div class="search_div">
    <%= form_tag(barpage_outings_path, :method => :get, :id => 'bars_search_form', :remote => true ) do %>
        <div id="user_search" class="in-field">
            <%= text_field_tag('search', '', :id => 'search_field') %>
            <%= label_tag 'search_field', 'Search For Locations' %>
            <%= submit_tag "", :id => "search_button" %> 
        </div>
    <% end %>
</div>

<div id="bar_partial">
    <%= render(:partial => "bar_results") %>
</div>

It renders a partial just fine upon page load, but I'd like it to refresh the partials contents after each search submission.

I have the form bound to an AJAX call, like such:

$('#bars_search_form').bind('ajax:success', function(){

   $('#bar_partial').html("<%= escape_javascript(render(:partial => 'bar_results')).html_safe %>");

});

The problem is, instead of refreshing the partial, it just outputs my escape javascript command as plain text. Can anyone see what I'm doing wrong (or even if I'm going about this in the completely wrong way?)

Upvotes: 0

Views: 1762

Answers (2)

GBD
GBD

Reputation: 15981

Please Try this way:

https://gist.github.com/2230354

Upvotes: 1

squiter
squiter

Reputation: 5761

What about to make a new action that render your results? I think this is a better solution to your problem.

Upvotes: 0

Related Questions