在 Rails 4 中显示所选类别的子类别

1.在我的 **view/gigs/new.html.erb 我使用

 <%= f.collection_select :category_id, Category.all, :id, :name, {prompt: "Choose a category"} %><%= f.collection_select :subcategory_id, Subcategory.all, :id, :name, {prompt: "Choose a subcategory"} %>

它创建了这个

当点击下图时:

从上图可以看出,根据我选择的类别,只显示该类别拥有的子类别.

2.在我的演出控制器中,我编写了以下代码.

def update_sub_categories@cats = Subcategory.where(category_id: params[:category_id]).all响应(@cats)结尾

3.我必须在同一文件夹中创建一个文件view/gigs/update_sub_categories并把这段代码

$("#gig_subcategory_id").empty().append("<%= escape_javascript(render(:partial => "subcategory", :collection => @cats, :as => :cat)) %>")

也是同一文件夹中的部分 view/gigs/_subcategory.html.erb

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

4. 添加App/javascript/gigs.js.coffee

 $(document).on 'change', '#gig_category_id', (evt) ->$.ajax 'update_sub_categories',类型:'获取'数据类型:'脚本'数据: {category_id: $("#gig_category_id option:selected").val()}错误:(jqXHR,textStatus,errorThrown)->console.log("AJAX 错误:#{textStatus}")成功:(数据,textStatus,jqXHR)->console.log("动态国家选择OK!")

5. 最后在路线

get 'gigs/update_sub_categories' =>'演出#update_sub_categories'

<块引用>

问题:一切正常,我选择类别,然后出现所选类别的子类别.但它只适用于views/gigs/new.html.erb,而 views/gigs/edit.html.erb 中没有,我做错了什么?

解决方案

查看您的控制台或 development.log,您将看到一些消息表明 rails 无法解析 update_sub_categories 当您脚本失败.当使用新表单调用该方法时,您会看到 rails 正在调用 your_controller/your_action/update_sub_categories ——您可能会看到它现在的情况.

您将不得不更新您的 routes.rb 以处理对该方法的裸"调用(当它缺少 your_action 和成员路由时.成员路由的显式处理是必要的,因为您的编辑使用嵌入在路由中的 ID 字段,而不是在末尾附加它.

routes.rb 中的当前路由替换为以下内容,您应该状态良好:

 获取 'update_sub_categories' =>'你的模型#update_sub_categories'得到你的模型/更新子类别"=>'你的模型#update_sub_categories'资源:your_model 做获取 :update_sub_categories, :on =>:成员结尾

显然,在我的示例中,您将希望将您的模型名称替换为字符串 your_model.

1. In my **view/gigs/new.html.erb i use

 <%= f.collection_select :category_id, Category.all, :id, :name, {prompt: "Choose a category"} %>
 <%= f.collection_select :subcategory_id, Subcategory.all, :id, :name, {prompt: "Choose a subcategory"} %>

It creates this

and when clicked the below image:

From the picture above as you see depending on what category i choose,just the subcategories owned by that category are displayed.

2. In my gig controller for this to work,i wrote the below code.

def update_sub_categories
  @cats = Subcategory.where(category_id: params[:category_id]).all
  respond_with(@cats)
end

3. I had to create a file in the same folder view/gigs/update_sub_categories and put this code

$("#gig_subcategory_id").empty().append("<%= escape_javascript(render(:partial => "subcategory", :collection => @cats, :as => :cat)) %>")

Also the partial in the same folder view/gigs/_subcategory.html.erb

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

4. Add in App/javascript/gigs.js.coffee

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

5. Finally in routes

get 'gigs/update_sub_categories' => 'gigs#update_sub_categories'

Question: Everything works, i choose the category and the subcategory of the chosen category appear.But it works just in views/gigs/new.html.erb,and doesn't in views/gigs/edit.html.erb, what am I doing wrong?

解决方案

Look in your console or development.log and you're going to see some message indicating that rails could not resolve update_sub_categories when your script fails. Wheras when calling that method with a new form, you'll see that rails is calling your_controller/your_action/update_sub_categories -- you can probably see where this is going now.

You're going to have to update your routes.rb both to handle a "naked" call to the method (when it's missing your_action and for member routing. Explicit handling of member routing is necessary because your edit uses an ID field embedded in the route, rather than appending it at the end.

Replace your current routing in routes.rb with the following and you should be in good shape:

  get 'update_sub_categories' => 'your_model#update_sub_categories'

  get 'your_model/update_sub_categories' => 'your_model#update_sub_categories'

  resources :your_model do
    get :update_sub_categories, :on => :member
  end

Obviously, you're going to want to substitute your model name for the string your_model in my example.

相关文章