предложения о том, как представить / обработать форму со многими текстовыми полями

Question

Я на рельсах. У меня есть форма, которая имеет много текстовых полей (около 13). Это выглядит очень громоздким и смазанным вместе. С точки зрения рельсов, форма имеет дело с 3 моделями.

Я ищу демонстрационные ссылки или ссылки, которые интуитивно работают с формами и многими текстовыми полями.

Можно ли разбить форму на различные формы с помощью кнопки "Далее", и на последней форме есть кнопка "Готово" или что-то еще?

Но как это будет работать? что если пользователь уходит посередине?

Answer 1

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

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

Answer 2

В зависимости от вашей аудитории, возможно, можно разбить форму с помощью JavaScript - таким образом вы сохраните свои модели и контроллеры. но может свернуть форму в формат типа аккордеон или даже волшебника.

Answer 3

Я не знаю ни одного демо для вас, может быть, есть такой Railscast, который как бы имеет дело с этим, но я никогда не видел такого, который бы полностью имел дело с формой из 13 текстовых полей.

Теперь, то, что я сделал, это оторвался от REST и получил то, что я назвал step_one и step_two и step_three ... ты понимаешь мой дрейф.

На первом шаге я беру необходимую информацию и рассматриваю step_one как метод CREATE.

На втором и третьем шагах я рассматриваю их как запросы на обновление или PUT; Я использую update_attribute и добавляю туда параметры.

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

И если форма имеет дело с 3 моделями, как вы говорите, то первый шаг - это родительская модель, а две другие могут быть созданы и отредактированы в ходе процессов step_two и step_three, описанных выше, как это все еще применяется.