Как передать флэш-уведомление Rails5 в toastr в form_for с помощью remote: true без перезагрузки страницы?

Я создаю базовое приложение CRUD, и у меня есть form_for, настроенный для ajax с помощью remote: true. Форма работает, как и уведомления, но я не могу интегрировать ее с toastr. По сути, это показывает мне, что у меня проблемы с пониманием того, как на самом деле работает вспышка.

Я проработал 95% пути туда. У меня просто проблемы с этим последним шагом передачи toastr.

Вот мои макеты/_flash частично

#flash_messages
  - flash.each do |f|
    -type = f[0].to_s
    = javascript_tag do
      toastr["#{type}"]("#{f[1]}")

Мое действие контроллера состояния

def create
     @status = Status.new(status_params)
     if @status.save"
         flash[:success] = "status created!"
       respond_to do |format|
         format.js
       end
     else
       redirect_to :back
     end
   end

Моя форма_для

= form_for(current_user.statuses.build, remote: true) do |f|
  =f.hidden_field :media_id, :value => media.id
  =f.hidden_field :user_id, :value => current_user.id
  =f.hidden_field :media_type, :value => media.media_type
  %label.label= f.label :completion_status, 'Set Status'
  .field.has-addons
    .control
      .select
        = f.select :completion_status, options_for_select(["current", "completed", "future", "abandoned"])
    .control
      = f.submit "Save!", :class => "button is-primary"

и мой файл контроллера action.js.haml

$("#item_#{ @media.id }").html("#{escape_javascript(render(:partial => 'shared/media_status/destroy_status', :locals => { :media => @media }))}");
- flash.each do |type, message|
  $("#flash_messages").html("#{type}: #{message.html_safe?}")

Я ожидаю, что это отобразит уведомление toastr, но вместо этого я просто получаю текстовую вспышку. Когда я перезагружаю страницу, тостровое уведомление отображается правильно.

Я много работал над этим, и я не очень умен. Я чувствую, что мне просто не хватает чего-то глупого здесь.

пожалуйста, проверьте мой ответ здесь stackoverflow.com/questions/55390312/… Я надеюсь, что это сработает для вас

ashvin 28.03.2019 06:18

Ой. Мой. Бог. Спасибо! Ответ, который вы там дали, полностью сработал. Я не знаю, как долго я боролся с этим. Меня это чертовски раздражало. Я не знаю, является ли это правильным этикетом для этого сайта, но не могли бы вы просто скопировать/вставить этот ответ, чтобы я мог его принять? Не знаю, как я пропустил этот ответ в поиске.

mochimantis 29.03.2019 03:49
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
155
0

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