Я хочу обновить свой список пользователей при отправке клубной формы, которая автоматически создает администратора клуба, который, в свою очередь, является пользователем в activeadmin

Мой файл dashboard.rb:

ActiveAdmin.register_page "Dashboard" do

  menu priority: 1, label: proc{ I18n.t("active_admin.dashboard") }

  content title: proc{ I18n.t("active_admin.dashboard") } do
    # form render 'form'
    # Here is an example of a simple dashboard with columns and panels.

    columns do
      column class: "users" do
        table_for User.all.order(:created_at), input_html: { class: "table table-bordered" } do
          column "User Id", :id
          column "Email", :email
          column "User Role" do |role|
            role.profile.role
          end
        end
      end

      column do
        render partial: 'form', locals: { club: Club.new }
      end

    end
  end
end

Моя часть формы находится в app / views / admin / dashboard / _form.html.erb, и это:

<%= semantic_form_for :club, url: admin_clubs_url, method: :post, builder: ActiveAdmin::FormBuilder, remote: true do |club| %>
<%= club.inputs "Details" do %>
    <%= club.input :name, label: 'Club Name' %>
    <%= club.input :email, label: 'Club Admin Email', input_html: { value: '' } %>
    <%= club.inputs for: [:club_profile_attributes] do |ff| %>
        <%= ff.input :country_id, as: :select, collection: Country.get_id_and_name, include_blank: false %>
        <%= ff.input :logo, as: :file %>
        <%= ff.input :email, label: 'Club Email' %>
        <%= ff.input :phone_number_1, label: 'Phone Number' %>
    <% end %>
    <%= club.actions %>
<% end %>

Теперь, как мне использовать запрос ajax для обновления моих пользователей в файле dashboard.rb, поэтому всякий раз, когда я создаю клуб, мой список пользователей обновляется с помощью запроса / ответа ajax.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
45
1

Ответы 1

$('#form_id').on('ajax:success', function(event, data, status, xhr){});

ajax:success и другие пользовательские события могут использоваться для обработки ответов от форм remote: true. Вам нужно будет отправить обновленный список пользователей с данными ответа, а затем добавить или заменить список пользователей.

Другие вопросы по теме