Редактировать отправку btn для вложенной формы - PullRequest
Новая
       52

Редактировать отправку btn для вложенной формы

0 голосов
/ 11 июня 2018

Я хотел бы настроить файл отправки btn.Для этого я использую чистый трюк CSS.Но проблема в том, что это работает не так хорошо, как до редактирования.Я использую кокон, чтобы добавить изображения к своему экземпляру как вложенный файл.

Я изменяю это (работает отлично): 

<div class="nested-fields col m4 s6">
    <div class="flat_photo_box">
        <%= f.file_field :image %>
    </div>
</div>

В это (частично работает): 

<div class="nested-fields col m4 s6">
    <div class="image-upload">
       <label for="file-input<%=f.object.id%>">
         <span class="fa fa-download trash_nested_form"></span>
       </label>
       <%= f.file_field :image, id:"file-input#{f.object.id}" %>
    </div>
</div>

С помощью этого трюка CSS: 

.image-upload > input
{
   display: none;
}
.image-upload > label{
  cursor:pointer;
}

ОШИБКА = Я могу создать столько вложенных форм, сколько захочу, но скрепка сохранит только последнее изображение, которое я загружаю, в первый вложенный элемент.У вас есть представление о том, откуда может исходить ошибка

1 Ответ

0 голосов
/ 12 июня 2018

Вы присваиваете id для file_field, html-идентификатор должен быть уникальным.Хотя страница будет отображаться правильно, после отправки формы на сервер будет отправлена ​​только одна.Вместо этого напишите свое поле так: 

<%= f.file_field :image, class:"file-input#{f.object.id}" %>

Почему вы хотите назначить определенный идентификатор?

...