TitlePane

TitlePane – это виджет, который всегда отображает заголовок, но его тело может разворачиваться или сворачиваться по мере необходимости. Фактическое изменение размера виджета сопровождается анимационным эффектом. Будучи наследником ContentPane, диджит TitlePane имеет доступ ко всем унаследованным методам загрузки удаленного содержимого, хотя явно они в этом разделе не рассматриваются. В примере 15.5 демонстрируется типичное использование TitlePane.
Пример 15.5. Пример типичного использования диджита TitlePane

  • Eggs

  • Milk

  • Bananas

  • Coffee




Виджет TitlePane может использоваться как простой статический элемент страницы, однако ему можно найти более интересное применение – как более интерактивному элементу управления. В следующем примере демонстрируется использование TitlePane в качестве имитации стикеров с примечанием, которые можно увидеть во многих приложениях. Для этого вполне достаточно просто вставить такой виджет, как Textarea, внутрь TitlePane и изменять заголовок всякий раз, когда последний из них закрывается, как показано в примере 15.6.
Пример 15.6.


Имитация стикера с примечанием с помощью TitlePane dojo.addOnLoad(function() {
var ed = new dijit.form.Textarea({id : "titlePaneContent"});
dijit.byId("tp").setContent(ed.domNode);
});
// А теперь диджит TitlePane, который можно объявить в разметке:



Дополнительная стилизация и возможность перетаскивания объектов мышью – это практически все, что необходимо для создания небольшого приложения для работы с такого рода заметками.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела Dojo на эту тему:
ColorPalette
Dialog
Editor
InlineEditBox
Menu

Вернуться в раздел: Dojo / Виджеты приложения