Конструктор форм Rails 4 с полной поддержкой Twitter Bootstrap 3

По моему собственному опыту работы с Bootstrap и подходом simple_form/form_builder, простая_форма не стоит проблем. Есть слишком много вещей, которые простая форма не имеет решения для макета и управления, некоторые ключевые черные пятна — это классы на тегах-оболочках, выборки с атрибутами html или выполнение чего-то простого, например групп кнопок начальной загрузки, которые имитируют переключатели / переключатели. Поддержка i18n в simple_form также была проблемой, требующей большого количества дублирований.

Также подумайте, подходит ли рендеринг на стороне сервера для современного приложения. Я перехожу от традиционного рендеринга на стороне рельсов/сервера к модели SPA (одностраничное приложение). Для этого я использую backbone.js и marionette с эко-шаблонами и coffeescript.

С архитектурной точки зрения подход к конструктору форм simple_form/rails кажется ошибочным, и в нем содержится много запутанного кода, по существу, для построения фрагмента строки html.

Что ж, я говорю, что для этого и нужны шаблоны представлений!

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

Я бы предложил использовать параметризованные шаблоны/частичные представления, которые кодируют разметку, которую вы хотите для каждого типа элемента управления/компонента или конструкции представления в вашем приложении, и просто скомпонуйте их, чтобы получить нужный макет. Если вы делаете это на стороне сервера, вы можете обернуть все частичные вызовы рендеринга некоторыми помощниками для синтаксической сладости. Если вы делаете это на стороне клиента, скажем, с эко-шаблонами, проверьте главную страницу, вы увидите пример определения и вызова формы шаблоны построения есть.

Не замыкайтесь на возможностях конструктора форм, используйте примеры документации boostrap в качестве отправной точки для своих шаблонов и просто вызывайте их!

Вы проверили https://github.com/potenza/bootstrap_form? Мы только что добавили поддержку Bootstrap 3, и он очень легкий.

Мы поддерживаем почти все ваши требования, но мы все еще работаем над хорошим решением для выбора даты и времени, поскольку в настоящее время они сгруппированы по умолчанию.

Вот пример формы в erb:

<%= bootstrap_form_for(@user) do |f| %>
  <%= f.email_field :email %>
  <%= f.password_field :password %>
  <%= f.check_box :remember_me %>
  <%= f.submit "Log In" %>
<% end %>

И вывод:

<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post">
  <div class="form-group">
    <label for="user_email">Email</label>
    <input class="form-control" id="user_email" name="user[email]" type="email">
  </div>
  <div class="form-group">
    <label for="user_password">Password</label>
    <input class="form-control" id="user_password" name="user[password]" type="password">
  </div>
  <div class="checkbox">
    <label for="user_remember_me">
      <input name="user[remember_me]" type="hidden" value="0">
      <input id="user_remember_me" name="user[remember_me]" type="checkbox" value="1"> Remember me
    </label>
  </div>
  <input class="btn btn-default" name="commit" type="submit" value="Log In">
</form>

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

Вы можете следить за его ходом здесь: https://github.com/rafaelfranca/simple_form-bootstrap/pull/28