Dojo / Виджеты приложения

В этой главе последовательно рассматриваются все прикладные виджеты общего назначения, присутствующие в библиотеке Dijit. Так или иначе, но они являются самыми удивительными диджитами, предоставляемыми инструментарием, потому что они не так широко известны, как элементы форм, и, в отличие от диджитов компоновки, обеспечивают значительные функциональные возможности по обеспечению интерактивности. ProgressBar, Toolbar, Editor и Tree – вот лишь некоторые из этих замечательных диджитов, с которыми вам предстоит познакомиться. Вероятно, вы оцените высший пилотаж применения приемов DHTML, использованных в этой главе, особенно ближе к ее концу.
Статьи раздела 'Виджеты приложения':
ColorPalette
ColorPalette – это еще один простой самостоятельный виджет, используемый для организации более наглядного и интерактивного способа выбора цвета, что может быть очень удобно в ситуациях, когда вы разрешаете пользователю настраивать...
Dialog
Диджит Dialog концептуально напоминает всплывающее окно, сквозь которое просвечивает то, что находится под ним. Несмотря на то что содержимое страницы, лежащее ниже, остается видимым, тем не менее вы не можете взаимодействовать с ...
Editor
С каждым годом увеличивается число приложений, использующих возможность редактирования текста со сложным форматированием. Можно даже сказать, что если приложение, имея привлекательный интерактивный интерфейс, вдруг предоставляет п...
InlineEditBox
InlineEditBox часто описывается как виджетобертка, которая предоставляет возможность статического отображения того, что в действительности является элементом ввода. Когда потребуется изменить содержимое элемента, пользователь дол...
Menu
Диджит Menu моделирует контекстное меню, подобное тому, что появляется, если щелкнуть правой кнопкой мыши на ярлыке приложения или на поверхности рабочего стола. Диджит Menu содержит в себе виджеты MenuItem, являющиеся обычными пу...
ProgressBar
Диджит ProgressBar, индикатор хода выполнения какойто операции, напоминает другие аналогичные индикаторы, которые можно встретить в приложениях, и предусматривает возможность работы в детерминированном и в недетерминированном реж...
TitlePane
TitlePane – это виджет, который всегда отображает заголовок, но его тело может разворачиваться или сворачиваться по мере необходимости. Фактическое изменение размера виджета сопровождается анимационным эффектом. Будучи наследником...
Toolbar
Панель инструментов – это еще один хорошо знакомый элемент управления, который упрощает доступ пользователя к наиболее часто используемым командам. Проще говоря, диджит Toolbar (панель инструментов) представляет собой всего лишь м...
Tooltip
Всплывающие подсказки представляют собой замечательное средство обеспечения пользователя справочной информацией о назначении того или иного элемента управления, находящегося на странице. Обычный атрибут title языка разметки HTML н...
TooltipDialog
Диджит TooltipDialog наследует Dialog, но предоставляемая им функциональность больше напоминает меню DropDownButton, за исключением того, что с этим диджитом вы можете взаимодействовать. Фактически в своем текущем проявлении Toolt...
Tree
Диджит Tree является одним из удивительнейших инженерных достижений. Построенный исключительно на основе использования DHTML, он выглядит и действует, как иерархическое дерево. Он поддерживает операции перетаскивания элементов дер...
Архитектура диджита Editor
Жизненный цикл диджита Editor состоит из трех основных этапов. В следующем списке перечислены все эти этапы и дается краткое описание каждого из них: Десериализация содержимого На этапе загрузки производится загрузка текстовог...
Виджеты диалогов
Библиотека Dijit предлагает два виджета, обладающих функциональностью диалогов: Dialog, взаимодействие с которым напоминает взаимодействие с обычными диалогами (только имеет более привлекательный внешний вид и обладает более высок...
Модули расширения диджита Editor
Несмотря на то что диджит Editor предоставляет множество очень полезных особенностей, тем не менее рано или поздно вам потребуется интегрировать в него ваши собственные возможности. Расширяемая архитектура диджита – это ваш пропус...
Операция «перетащил и бросил» в дереве
Расширения интерфейса dijit.tree.model, обсуждавшиеся в предыдущем разделе, реализованы так объемно, чтобы сделать операции «перетащил и бросил» для диджита Tree более простыми и непротиворечивыми. Вообще говоря, операции «перетащ...
Прикладной программный интерфейс деревьев
Модель ForestStoreModel, реализованная поверх TreeStoreModel, предоставляет две дополнительные функции, отвечающие на события, связанные со сфабрикованным корневым узлом, а именно – на события добавления и удаления элементов верхн...
Пример реализации операции «перетащил и бросил» в дереве
Эти методы являются настолько общими, что они могут передаваться диджиту Tree на этапе конструирования, что особенно замечательно, так как позволяет максимально использовать существующую реализацию в dijit._tree. Теперь настало вр...
Простое дерево
В качестве введения в возможности, которые может предложить диджит Tree, предположим, что имеются простые данные, доступ к которым может быть организован с помощью механизма dojo.data.ItemFileReadStore: { identifier : 'name', l...
Простой лес
Во многих приложениях используются данные, для представления которых необходимо несколько корневых узлов, поэтому скорректируем предыдущий пример так, чтобы он работал с лесом, а не с деревом, и можно было бы заметить различия меж...
Реакция на событие щелчка мышью
Иметь возможность отображения данных в виде дерева хорошо уже само по себе, но разве не было бы еще лучше иметь возможность обрабатывать такие события, как щелчок мышью? Давайте реализуем точку расширения onClick, чтобы продемонст...

Страницы: 1