web-dev-qa-db-ja.com

Activeadminフォーム選択ドロップダウン更新

カテゴリモデルとサブカテゴリモデルがあり、選択した特定のカテゴリに関連付けられているサブカテゴリに応じて更新するサブカテゴリ選択入力のようなIDがあります。

form do |f|
    f.inputs do
        f.input :title
        f.input :category, as: :select, collection: Category.all, :input_html => { :class => 'chzn-select', :width => 'auto', "data-placeholder" => 'Click' }
        f.input :sub_category, as: :select, collection: SubCategory.all, :input_html => { :class => 'chzn-select', :width => 'auto', "data-placeholder" => 'Click' }
    end
    f.actions
end
ruby-on-railsruby-on-rails-4activeadmin
15
Dan Mitchell

この目的のために従属選択を使用できます。例を示します ここ

アクティブな管理者

ActiveAdmin.register CatalogsProduct do
  form do |f|
    f.inputs "Details" do
      f.input :product, :as => :select, :collection => Product.all.collect {|product| [product.name, product.id] }
      f.input :catalog, :as => :select, :input_html => {'data-option-dependent' => true, 'data-option-url' => '/products/:catalogs_product_product_id/catalogs', 'data-option-observed' => 'catalogs_product_product_id'}, :collection => (resource.product ? resource.product.category.catalogs.collect {|catalog| [catalog.attr_name, catalog.id]} : []) 
    end
    f.actions
  end
end

カタログコントローラー

class CatalogsController < ApplicationController
  respond_to :json

  def index
    if params[:product_id]
      product = Product.find_by_id(params[:product_id])
      @catalogs = product.category.catalogs
    else
      @catalogs = Catalog.all
    end
    render :json => @catalogs.collect {|catalog| {:id => catalog.id, :name => catalog.attr_name} }
  end
end
18
eshaiju

  1. 選択したカテゴリに属する​​SubCategories（jsonなど）を返すActiveAdminカテゴリモデルにメンバーアクション（メソッド：GET、params：選択したカテゴリのID）を作成する必要があります。

    https://github.com/activeadmin/activeadmin/blob/master/docs/8-custom-actions.md#member-actions

  2. カテゴリ選択入力が変更されたときにSubCategory選択入力に入力するajaxでjQuery（例）を使用する必要があります。

    Jsonデータを使用したJavascript/Jqueryでクリック時に選択ボックスオプションを入力https://forum.jquery.com/topic/best-practices-for-populating-selects-with-ajax

0
nistvan