Динамические web-формы

28.12.2011 12:49 0 комментариев
Автор:

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

Для того чтобы Интернет-страница, созданная в MyTaskHelper, получила статус динамической, первое что нужно сделать – это разместить на ней как минимум два поля. Когда добавлены нужные объекты (поля), можно приступить к созданию между ними зависимости (связи). Что бы вызвать диалоговое окно для редактирования или создания динамических форм нужно нажать кнопку с идентичным названием в правом верхнем углу в меню Web-Формы. Для создания самой зависимости, нужно указать 4 обязательные параметра:

  1. Поле, которое будет проверяться правилом.
  2. Собственно правило (или условие), которое проверятся.
  3. Операция, которая должна быть выполнена после применения условия: показать или спрятать.
  4. Поле, к которому будет применена операция – результат проверки правила.

Различные типы полей обладаю т различным набором возможных условий. Так, для таких элементов как «строка текста» или «многострочный текст» можно применить следующие правила: «содержит», «не содержит», «пусто», «не пусто», «начинается с», «заканчивается на», «на подобии», «состоит из», «не состоит из». Для поля типа «дата» можно выбрать такие: «содержит», «не содержит», «пусто», «не пусто», «до», «после». К числовым значениям можно применить: «меньше чем», «больше чем», «меньше либо равняется», «больше либо равняется», «содержит», «не содержит», «пусто», «не пусто».

Рассмотрим несколько самых простых примеров с использованием данной функциональности.

  1. Каталоги. Это может быть каталог товаров или продукции предприятия, или список доступных услуг. Например, пользователь вводит на странице размер денежной суммы и ему предлагается перечень доступных товаров. Или он выбирает определенный бренд и получает каталог именно выбранного производителя.
  2. Интерактивные формы связи и анкетирования. Форма с техническим вопросом может быть заранее подготовлена и станет доступна пользователю, как только он выберет соответствующий тип сообщения. Или в форме с личной информацией можно применить динамические связи (выбрал мужской пол – доступны одни варианты, женский — другие);
  3. Фильтры на определенных страницах. Большой форум может содержать динамические компоненты, которые позволят пользователю быстрее и удобнее найти ссылку на интересующие тематики.

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

Важно еще учесть несколько нюансов и рекомендаций при создании связных компонентов. Для корректного отображение динамических компонентов в браузере обязательно должен быть включен скриптовый язык JavaScript. В наше время он подключен и активирован у 99% процентов пользователей, но все же лучше учесть это требование, или хотя бы знать о нем. Не стоит забывать, что если в результате условия какое-то из полей должно быть отображено, то перед этим необходимо его скрыть, установив к нему соответствующий параметр. Подумай о возможности создания многоуровневой динамики между компонентами, ведь в среде MyTaskHelper  можно задействовать несколько вложенных условий.

Оставить комментарий

© Copyright 2017 — AndroidEXperiment. All Rights Reserved.