как перезагрузить div с частичным рельсов - PullRequest
1 голос
/ 26 сентября 2011

есть ли в рельсах способ перезагрузить div с частичным

контроллером

def home
  @events = []
end

def ajax_load_events
    ...
  @band = Band.find_by_name(@artist)
  begin
    artist = Bandsintown::Artist.new({
      :name => @artist
    })
    @events = artist.events
  rescue Bandsintown::APIError
    @events = [] #this will ensure that if an error happens from the bandsintown api, we'll catch the error
  end
end

HTML

<div class="field disable_color">
  <label for="search">Select a Song</label>
  <input type="search" name="request[song]" id="request_song" value="" />               
</div>

<tbody class="load_events">
  <%= render :partial => 'event', :collection => @events %>
</tbody>

частичным

<% @events.each_with_index do |event, index| %>
    <tr class="gradeU">
        <td><%= check_box_tag "instance_selected#{index}", "2"%></td>

        <td><%= event.datetime.strftime("%B %d, %Y") %></td>
        <td><%= "#{event.venue.name} - #{event.venue.city}, #{event.venue.country}" %></td>
    </tr>
<% end %>

jQuery

$("#request_song").autocomplete({
    source: function(req, add){
        $.getJSON('/song_ajax/trackName/'+ $("#request_artist").val() + '', req, function(data) {
      var suggestions = data.suggestions;
            add(suggestions);
        });
    },
    change: function() {
        var artist_url = encodeURIComponent($('#request_artist').val().replace(/\./g, ""));
        $.getJSON('/ajax_load_events/'+ artist_url + '', function(data) {

        });
    },
});

По сути, мне нужно обновить div #load_events с помощью массива @events, который заполняется действием ajax_load_events ... любые идеи, которые мне не хватает

1 Ответ

7 голосов
/ 26 сентября 2011

В вашем контроллере:

def ajax_load_events
  respond_to do |format|
    format.js
  end    
end

ajax_load_events.js.erb

$("#load_events").html('<%= escape_javascript(render :partial => "your_partial", :locals => { :events => @events}) %>');

Обновление: routes.rb

get "/ajax_load_events" => "your_controller#ajax_load_events"

в вашем .js

 $.get("/ajax_load_events/", {}, null, "script");
...