Раскрывающийся список Rails Dynamic / Cascading Select - PullRequest
Новая
       23

Раскрывающийся список Rails Dynamic / Cascading Select

0 голосов
/ 06 сентября 2018

Я относительный новичок и пытался заставить это работать.

В моей форме я хочу заполнить комнаты, выбранные с помощью Ajax, после выбора местоположения (on_change).

Я примерно следовал этому - https://kernelgarden.wordpress.com/2014/02/26/dynamic-select-boxes-in-rails-4/ - но я не могу заставить его работать.

Форма 

<%= form_for @booking do |form| %>
  <p>
    <%= form.label :booked_date %>
    <%= form.date_select :booked_date, order: [:month, :day, :year], start_year: 2018 %>
  </p>
  <p>
    <%= form.select :location_id, options_for_select(@locations.collect { |location| [location.name.titleize, location.id] }, 1), {}, { id: 'locations_select' } %>
  </p>
  <p>
    <%= form.select :room_id, options_for_select(@rooms.collect { |room| [room.name.titleize, room.id] }, 0), {}, { id: 'rooms_select' } %>
  </p>
  <p>
    <%= form.label :start_time %><br>
    <%= form.time_select :start_time %>
  </p>
  <p>
    <%= form.label :end_time %><br>
    <%= form.time_select :end_time %>
  </p>
  <p>
    <%= form.label :meeting_subject %><br>
    <%= form.text_field :subject %>
  </p>
  <p>
    <%= form.submit "Make this booking" %>
  </p>
<% end %>

bookings_controller 

def update_rooms
    @rooms = Room.where("location_id = ?", params[:location_id])
    respond_to do |format|
      format.js
    end
  end

Маршруты 

Rails.application.routes.draw do
  root 'users#show'

  resources :users
  resources :bookings

  resources :locations do
    resources :rooms
  end


  resources :rooms do
    resources :bookings
  end

  get 'bookings/update_rooms', as: 'update_rooms'

end

update_rooms.JS 

    $("#rooms_select").empty().append("<%= escape_javascript(render(:partial => @rooms)) %>")


bookings.js.coffee

$ ->
  $(document).on 'change', '#locations_select', (evt) ->
    $.ajax 'update_rooms',
      type: 'GET'
      dataType: 'script'
      data: {
        location_id: $("#locations_select option:selected").val()
      }
      error: (jqXHR, textStatus, errorThrown) ->
        console.log("AJAX Error: #{textStatus}")
      success: (data, textStatus, jqXHR) ->
        console.log("Dynamic location select OK!")

Частичные комнаты / _room.html.erb 

<option value="<%= room.id %>"><%= room.name %></option>

Когда я запускаю страницу и меняю местоположение, я получаю эту ошибку:

Начат GET "/ bookings / update_rooms? Location_id = 2 & _ = 1536181850165" для 127.0.0.1 в 2018-09-05 22:10:52 + 0100

AbstractController :: ActionNotFound - Действие 'show' не может быть найдено для BookingsController:

Начат GET "/ bookings / update_rooms? Location_id = 1 & _ = 1536181850166" для 127.0.0.1 в 2018-09-05 22:11:20 + 0100

AbstractController :: ActionNotFound - Действие 'show' не может быть найдено для BookingsController:

Любая помощь очень ценится.

1 Ответ

0 голосов
/ 06 сентября 2018

AbstractController :: ActionNotFound - Действие 'show' не может быть найдено для BookingsController

Проблема в том, что указанный вами пользовательский маршрут конфликтует с show маршрутом bookings. Вам нужно разместить пользовательский маршрут над resources :bookings, чтобы избежать этой ошибки и сопоставить этот маршрут с update_rooms action 

get 'bookings/update_rooms', as: 'update_rooms'
resources :bookings
...