Dojo / Виджеты форм

В этой главе последовательно описываются различные диджиты, позволяющие создавать формы с фантастическим внешним видом, затрачивая минимальные усилия. Как и все остальное в библиотеке Dijit, элементы управления, описываемые в этой главе, могут цели ком определяться в разметке, требуют минимального объема программного кода JavaScript и были разработаны с учетом требований к обеспечению доступности. Кроме того, следует заметить, что вы приступаете к чтению очень сложной главы. Модуль dijit.form обладает чрезвычайно широкими функциональными возможностями – диджиты форм составляют большинство объектноориентированных виджетов, входящих в состав инструментария, поэтому здесь вы встретитесь с более глубокими иерархиями классов, созданными посредством функции dojo.declare, чем в какомлибо другом месте этой книги.
Статьи раздела 'Виджеты форм':
Button
Обратите внимание, насколько удобно в данной ситуации определяется обработчик события onClick в разметке. Пример 13.8. Типичный пример использования диджита Button (button dojoTye="dijit.form.Button" type="submit")Sign Up! al...
CheckBox
CheckBox является прямым наследником ToggleButton и представляет собой стандартную замену обычного элемента . Чтобы использовать этот диджит, достаточно подключить необходимый ресурс и добавить атрибут dojoType в нужный тег. Мы...
ComboBox
Диджит ComboBox – это раскрывающийся список значений, очень напоминающий элемент SELECT в языке разметки HTML, только в отличие от последнего ComboBox основан на обычном элементе input, поэтому, если требуемое значение отсутствует...
ComboButton
Диджит ComboButton является наследником DropDownButton, но обладает дополнительной особенностью: в нем имеется выделенная область, при щелчке по которой раскрывается меню, а щелчки на «остальных» участках изначально видимой кнопки...
CurrencyTextBox
Диджит CurrencyTextBox является самым дальним потомком общего предка NumberTextBox и для форматирования значений использует средства модуля dojo.currency. Однако, этот диджит предоставляет только один дополнительный атрибут – c...
DropDownButton
DropDownButton – это простой потомок Button, который по щелчку мышью выводит раскрывающееся меню с пунктами, доступными для выбора. Такого рода кнопки часто можно увидеть на панелях инструментов. Диджиты DropDownButton и dijit.Men...
FilteringSelect
FilteringSelect – это расширенная версия обычного HTMLэлемента select, которая предоставляет раскрывающийся список допустимых значений и отправляет наряду с отображаемыми значениями еще и скрытые значения. Несмотря на то что Filt...
Form
Хотя диджиты форм могут быть обернуты тегом HTML form, библиотека Dijit предоставляет диджит dijit.form.Form, обеспечивающий некоторые дополнительные возможности, которые могут оказаться весьма полезны. Этот раздел завершает главу...
HorizontalSlider
Предположим, что, будучи любителем кофеина, вы захотели создать горизонтальный движок, с помощью которого можно регулировать уровень кофеина в различных напитках. Первая попытка добавления простенького движка в страницу может выгл...
MappedTextBox и RangeBoundTextBox
Существует еще два замечательных класса диджитов форм, о которых пока не говорилось в этой главе, – это MappedTextBox и RangeBoundTextBox. Класс MappedTextBox предоставляет несколько методов, выполняющих сериализацию данных в стро...
MultiSelect
Диджит MultiSelect – это простая обертка вокруг элемента SELECT (с атрибутом multi=true), который наследует класс _FormWidget. Основная причина, по которой этот диджит был включен в состав библиотеки Dijit, состоит в том, что он о...
NumberSpinner
Диджит NumberSpinner был рассмотрен в главе 11 и представляет собой аналог NumberTextBox с двумя маленькими кнопками с краю, который позволяет увеличивать или уменьшать значение с определенным шагом. Кнопки предусматривают работу ...
NumberTextBox
Класс NumberTextbox наследует все замечательные особенности класса RangeBoundTextBox и его предков и дополняет их использованием средств модуля dojo.number, предназначенных для работы с числовыми типами. Проще говоря, он представл...
RadioButton
Диджит RadiButton является заменой эквивалентного элемента HTML и наследником CheckBox. Подобно своему эквиваленту в языке HTML, он концептуально представляет собой группу флажков, в которой только один может быть установлен в каж...
SimpleTextarea
Способность диджита Textarea изменяться в размерах – удобное свой ство во многих случаях, но не в тех, когда полный размер диджита определяется объемлющим контейнером. По этой причине был создан диджит SimpleTextarea. С практичес...
Slider
Движок – может, и не совсем «родной» элемент для HTML, но мало кто будет спорить о том, насколько полезны бегунки для создания наглядного интерфейса. Неважно, какова ваша конечная цель – корректировать степень прозрачности изображ...
Textarea
Диджит Textarea наследует класс _FormWidget и предоставляет все лучшее из обоих миров, т. к. он поддерживает стандартные атрибуты HTML, обычные для элемента textarea, и выглядит как элемент, допускающий изменение вертикального раз...
TextBox
Пример 13.3. Форма, дополненная полями TextBox и применением темы Register for Spam dojo.require("dojo.parser"); dojo.require("dijit.form.TextBox"); function help() { var msg="Basically, we want to sell your inf...
TimeTextBox и DateTextBox
Специализированные процедуры проверки дат и времени – еще одна разновидность задач, которую приходилось решать практически каждому вебразработчику в тот или иной момент времени. Несмотря на то что у дат и времени имеются четко оп...
ToggleButton
Диджиты форм широко используют преимущества наследования и зачастую, чтобы обеспечить сходные функциональные возможности в классахнаследниках, они порождаются от общих предков. ToggleButton – один из таких классов. Он наследует с...

Страницы: 1 2