Rails и html-форма (в данном случае материализуются)

Я создаю таблицу для своей модели продукта. В качестве заголовков у меня будут имена атрибутов, а в теле строки будут представлять запись, для которой я хочу добавить значения, а затем сохранить. На данный момент я рисую это как HTML / CSS (с материализацией)

    <table>
  <thead>
    <tr>
      <th>#</th>
      <th>Date</th>
      <th>Document</th>
      <th>Description</th>
    </tr>
  </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>12/12/2017</td>
        <div>
        <td>
          <select class = "browser-default">
          <option value = "" disabled selected>Choose your option</option>
          <option value  = "1">Option 1</option>
          <option value  = "2">Option 2</option>
          </select>
        </td>
          <td class  = "input-field col s6" >
          <input id = "last_name" type = "text" class = "validate">

</table>

Если я хочу, чтобы предоставленная опция, ввод, флажки не материализовались, как я могу сохранить свою запись (я хочу по-прежнему использовать поле ввода, например, и значение, которое я поместил туда для сохранения) Как я могу адаптировать это к форме Rails?

guides.rubyonrails.org/form_helpers.html
BugHunter 18.05.2018 18:37
Стоит ли изучать 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 называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
1
106
1

Ответы 1

Вам понадобится что-то вроде этого в файле html.erb:

    ...
    <tbody>
      <% @products.each do |product| %>
        <tr>
          <td><%= product.id %></td>
          <td><%= product.your_date_column %></td>
          <%= form_for product do |f| %>
            <td>

              <%= f.select :browser_default, [["Option 1", 1], ["Option 2, 2"]], include_blank: "Choose your option" %>
            </td>
            <td class  = "input-field col s6" >
              <%= f.input :last_name %>
            </td>
          <% end %>
          ...

Несколько замечаний:

  • Вам нужно будет установить @products в соответствующем действии контроллера.
  • Затем выполняется итерация по ним, создавая строку для каждого продукта.
  • Вам понадобится кнопка отправки для этой формы или для определения способа отправки с помощью AJAX. Первый вариант проще, и ему просто нужно добавить <%= f.submit %> в строку.

Надеюсь, что это поможет - дайте мне знать, как у вас дела, или если у вас есть вопросы :)

Помогло ли это вообще @begginnersquestions?

SRack 21.05.2018 12:28

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