Разделение формы (tastic) на макет из трех столбцов - PullRequest
4 голосов
/ 18 января 2011

Я довольно новичок в Rails, поэтому прошу прощения за любую дико неточную терминологию. Сначала немного контекста: я создаю веб-приложение для отслеживания образцов для небольшой аналитической лаборатории. Было бы особенно удобно иметь возможность разделить форму пакетной отправки на три столбца. Пакет связан с несколькими тестами в столбце 1, информация о пакете вводится в столбец 2, а отдельные образцы именуются в столбце 3. В идеале, в нижней части столбца 3 должна быть хорошая большая кнопка отправки, которая выталкивает весь беспорядок через.

Я использую 960 (12 столбцов) для CSS и formtastic для генерации форм. Мое первое желание состоит в том, чтобы настроить столбцы с помощью трех делений и разделить форму дискретно на каждое деление, однако я не уверен, как разделить форму на деления, сохраняя то, что я буду хакерски называть постоянством данных по всем столбцам. Должен ли я даже использовать div? Вот некоторый код, показывающий мою общую суть:


.grid_4
  # Test associating stuff

.grid_4
  = semantic_form_for @batch do |f|
    = f.inputs :name => "Batch Info" do 
      = f.input :sampling_date, :required => false 
      = f.input :experiment_name, :required => false 
      = f.input :notes, :as => :text 

.grid_4
  # The page obviously breaks without this line, but it makes the form only
  # pertain to the inputs in this column.
  = semantic_form_for @batch do |f|
    # The sample and test association stuff will be nested forms
    = f.semantic_fields_for :samples do |sample_form|
      = sample_form.input :sample_name
    = f.buttons do 
      = f.commit_button :label => "Submit batch"

Заранее спасибо за любую помощь!

Ответы [ 2 ]

2 голосов
/ 19 января 2011

Оказывается, я был в какой-то сумасшедшей дымке, когда я отправил этот вопрос, и не думал о том, чтобы связываться внутри помощника.Например:


= semantic_form_for @something do |f|
  .grid_4
    # Part 1 of form
  .grid_4
    # Part 2 of form
  .grid_4
    # Part 3 of form

Что дает мне красиво разделенную большую вложенную форму.

0 голосов
/ 18 января 2011

Сэмми ваш ответ. Я использовал его в одном из своих проектов и должен сказать, что он прост и работает.

...