Dojo / Виджеты компоновки

К сожалению, при разработке вебприложений невероятный объем времени тратится на всякие ухищрения с CSS, только чтобы добиться определенных схем размещения, которые на самом деле уже были реализованы множество раз и не должны вызывать сложностей. В этой главе будут представлены диджиты компоновки – множество удобных контейнеров, используемых для реализации наиболее типичных схем компоновки в разметке. Диджиты компоновки позволят вам автоматизировать такие типичные задачи, как воспроизводство схемы компоновки с вкладками или компоновки с произвольным мозаичным расположением элементов, без привлечения своих стилей CSS для плавающего содержимого, без необходимости вычислять относительные смещения и тому подобное. В отличие от предыдущей главы, где были представлены виджеты форм, эта глава существенно короче, проще и понятнее, потому что виджетов компоновки совсем немного; все они обладают лишь несколькими параметрами настройки, и в отношении их практически нет оговорок.
Статьи раздела 'Виджеты компоновки':
AccordionContainer
Подобно TabContainer, диджит AccordionContainer наследует StackContainer и является средством, позволяющим отображать дочерние виджеты по одному в каждый конкретный момент времени. Визуальное отличие этого диджита состоит в том, ч...
BorderContainer
Диджит BorderContainer предоставляет удобную возможность определить одну из следующих схем размещения, состоящих из нескольких более простых неперекрывающихся элементов: сверху/снизу/слева/справа/в центре, сверху/снизу/в центре ил...
ContentPane
Диджит ContentPane является одним из основных диджитов компоновки: он реализует мозаичную схему размещения. Он наследует свойства и методы непосредственно от класса _Widget и концептуально напоминает навороченный элемент iframe, н...
StackContainer
StackContainer – это диджит компоновки, который отображает целую последовательность элементов одновременно. Концептуально StackContainer напоминает слайдшоу, когда можно переходить взад и вперед от страницы к странице в «стопке» ...
TabContainer
В действительности TabContainer – это всего лишь более причудливая версия диджита StackContainer, главное отличие которого заключается в том, что TabContainer уже имеет набор вкладок, которые в любой момент времени могут использов...
Общие особенности диджитов компоновки
Все диджиты компоновки располагаются в пределах пространства имен dijit.layout и обладают общим набором основных особенностей, о которых вам следует знать. Помимо наследования классов _Widget, _Container и _Contained, все они обла...
Поддержка клавиатуры
Подобно другим диджитам, виджеты компоновки обладают полноценной поддержкой клавиатуры. Позднее вы увидите, что практически всегда клавиши функционируют «очевидным» образом. Например, для навигации в AccordionPane можно использова...
Проблема видимости и отображения
Работая с примерами этой главы, вы, возможно, обратили внимание, что размещение элементов производится после загрузки страницы. Например, вы могли заметить, как сначала появляется обычный текст, а затем, как по волшебству, все вдр...
Промедление (или отложенная загрузка) может повысить производительность
В предыдущем примере используются кнопки для явного листания страниц, но не так уж редко StackContainer используется как контейнер приложения, управляющий ходом выполнения приложения, состоящего из нескольких страниц. Например, ва...
Создание программным способом
Как будет показано в следующих ниже примерах, порядок создания диджитов компоновки ничем не отличается от порядка создания других диджитов, когда в первом аргументе конструктору передается набор свойств, а во втором – ссылка на ис...

Страницы: 1