ruby-on-rails - Rails 动态/级联选择下拉列表
问题描述
我是一个相对的初学者,一直在努力让它发挥作用。
在我的表单上,一旦选择了位置 (on_change),我想使用 Ajax 填充房间选择。
我大致遵循了这个 - 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 %>
预订控制器
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>
当我运行页面并更改位置选择时,我收到此错误:
2018-09-05 22:10:52 +0100 开始 GET "/bookings/update_rooms?location_id=2&_=1536181850165" for 127.0.0.1
AbstractController::ActionNotFound - 找不到 BookingsController 的动作“显示”:
2018-09-05 22:11:20 +0100 开始 GET "/bookings/update_rooms?location_id=1&_=1536181850166" for 127.0.0.1
AbstractController::ActionNotFound - 找不到 BookingsController 的动作“显示”:
非常感谢任何帮助。
解决方案
AbstractController::ActionNotFound - 找不到 BookingsController 的动作“显示”
问题是您指定的自定义路由与. 您需要将自定义路由放在上面以避免该错误并将该路由映射到操作show
bookings
resources :bookings
update_rooms
get 'bookings/update_rooms', as: 'update_rooms'
resources :bookings
推荐阅读
- sql - SQL Server - 当 sql server 和应用程序在同一台服务器上时,关闭外部端口并作为 localhost 工作
- oracle - Oracle:使用“立即执行”和行数删除行
- sql - 使用 CASE 为 SQLite 中的 COUNT 语句设置条件
- c# - 覆盖 ASP .NET/EFCore 3.0 中未调用的 SaveChanges()
- sql - 检查表中是否存在作为参数给出的 oracle 函数值
- css - React 应用程序 - 避免样式被其他 CSS 覆盖
- node.js - 如何等到所有嵌套函数都执行完
- excel - 跨多个工作表查找公式
- python - django.core.exceptions.ValidationError: ["'_auth_user_id' value must be an integer."] Django 错误
- vim - Unexpected SPACE character while in : 在 Neovim 中按减号键 (-) 时探索