Подтвердить что ты не робот

Active Admin - обновить второй снимок, основанный на первом выпадающем списке, Ruby on Rails

Я использую Active Admin Gem для Ruby on Rails. У меня есть форма, в которой я выбрал категорию и подкатегорию, а затем я должен заполнить данные. Таким образом, я создал две таблицы в sqlite, добавленные в активный ресурс администратора.

Все отлично работает, но выпадающая подкатегория не фильтруется в зависимости от выбранной категории.

Я новичок в Ruby и RoR. Я не знаю, как обновить раскрывающееся меню подкатегории после выбора категории.

Я знаю, что могу сделать это с AJAX и javascript, но я не знаю, где их кодировать?

Кроме того, есть ли какой-либо конкретный фильтр, доступный в Active Admin, который сделает это без аякса или javascript.

Любые идеи или помощь будут высоко оценены.

4b9b3361

ОТВЕТЫ

Ответ 1

Я не знаю, есть ли какой-либо конкретный фильтр, доступный в Active Admin, но я решил его в этом трехэтапном порядке (предполагая, что категория - это дом, подкатегория - плоская):

1-й шаг: определить помощник, содержащий запрос ajax

(конечно, вы должны предопределить path в routes.rb)

#application_helper.rb
def remote_request(type, path, params={}, target_tag_id)
  "$.#{type}('#{path}',
             {#{params.collect { |p| "#{p[0]}: #{p[1]}" }.join(", ")}},
             function(data) {$('##{target_tag_id}').html(data);}
   );"
end

2-й шаг: добавьте этот метод для :onchange action

#admin/inhabitants.rb (DSL with formtastic)

form do |f|
  f.inputs do
  #...
    f.input :house, :input_html => {
        :onchange => remote_request(:post, :change_flats, {:house_id=>"$('#house_id').val()"}, :flat_id)
    }
    f.input :flat
  #...
  end
end

3-й шаг: отобразить результат фильтрации

(вы можете сделать частичным вместо :text, я решил оставить его в одном файле ресурсов activeadmin)

controller do
  def change_flats
    @flats = House.find_by_id(params[:house_id]).try(:flats)
    render :text=>view_context.options_from_collection_for_select(@flats, :id, :flat_number)
  end
end

Ответ 2

Я сделал это, поскольку любой разработчик без рельсов, работающий над проектом рельсов, быстро и грязно. Вот как:

#...
f.input :user, :input_html => {
  :onchange => "
    var user = $(this).val();

    $('#order_location_id').val(0).find('option').each(function(){
      var $option = $(this),
        isCorrectUser = ($option.attr('data-user') === user);  

        $option.prop('disabled',!isCorrectUser);
    });
  "
}
f.input :location, collection: Location.all.map{ |loc|
  [loc.name,loc.id, {"data-user" => loc.user_id}]
}
#...

Нет необходимости в AJAX. Обратите внимание, что это не устраняет нежелательные параметры, а просто отключает их (что достаточно для моего сценария). Это можно было легко сделать модульным с помощью помощника, но мне действительно нужна была только одна функциональность.

Ответ 3

Для кого-то другого, борющегося с той же проблемой, посмотрите на это railscast

Я столкнулся с той же проблемой здесь

здесь, как я реализовал несколько динамических меню выбора в activeadmin:

конфигурации/инициализаторы/active_admin.rb

  config.register_javascript 'exam_registrations.js.coffee'

приложение/администратор/exam_registrations.rb

  form do |f|
    f.inputs "Exam Registration Details" do
      f.input :user_id, :label => 'Teacher', :as => :select, :collection => User.where(:admin => 'false', :active => true).order(:name), :include_blank => true
      f.input :student_id, :hint => 'Students grouped by teacher names', :as => :select, :collection => option_groups_from_collection_for_select(User.where(:admin => false, :active => true).order(:name), :students, :name, :id, :name)
      f.input :lesson_id, :hint => 'Lessons grouped by student names', :as => :select, :collection => option_groups_from_collection_for_select(Student.where(:active => true).order(:name), :lessons, :name, :id, :name)
    end
    f.buttons
  end

приложение/активы/JavaScripts/exam_registrations.js.coffee

#first menu    
jQuery ->
      $('#exam_registration_student_id').parent().hide()
      students = $('#exam_registration_student_id').html()
      $('#exam_registration_user_id').change ->
        user = $('#exam_registration_user_id :selected').text()
        escaped_user = user.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g, '\\$1')
        options = $(students).filter("optgroup[label='#{escaped_user}']").html()
        if options
          $('#exam_registration_student_id').html(options)
          $('#exam_registration_student_id').parent().show()
        else
          $('#exam_registration_student_id').empty()
          $('#exam_registration_lesson_id').empty()

# second menu
  $('#exam_registration_lesson_id').parent().hide()
  lessons = $('#exam_registration_lesson_id').html()
  $('#exam_registration_student_id').click ->
    student = $('#exam_registration_student_id :selected').text()
    escaped_student = student.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g, '\\$1')
    options = $(lessons).filter("optgroup[label='#{escaped_student}']").html()
    if options
      $('#exam_registration_lesson_id').html(options)
      $('#exam_registration_lesson_id').parent().show()
    else
      $('#exam_registration_lesson_id').empty()

перезапустите сервер и работайте в меню!

Ответ 4

Теперь это возможно с помощью этого драгоценного камня https://github.com/holyketzer/activeadmin-ajax_filter, используйте в себе код типа:

f.input :category_id, as: :select # ...
f.input :subcategory_id, as: :ajax_select, data: { 
  ajax_search_fields: [:category_id], 
  search_fields: [:subcategory_atrribute], 
  url: '/admin/subcategories/filter' 
}

И на странице ресурса подкатегории:

ActiveAdmin.register Subcategory do
  include ActiveAdmin::AjaxFilter
  # ...
end

не забудьте включить активы