Toolbar

Панель инструментов – это еще один хорошо знакомый элемент управления, который упрощает доступ пользователя к наиболее часто используемым командам. Проще говоря, диджит Toolbar (панель инструментов) представляет собой всего лишь место для размещения коллекции диджитов Button, которые при соответствующей стилизации могут
иметь весьма привлекательный внешний вид. В состав библиотеки Dijit входят различные предопределенные темы, содержащие классы для многих распространенных операций, таких как вырезать/вставить, жирный/курсив и прочих, которые можно указывать в качестве значения атрибута iconClass диджитов Button.

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


Fun with Toolbar!
href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css" />
href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css" />
type="text/javascript"
src="http://o.aolcdn.com/dojo/1.1/dojo/dojo.xd.js"
djConfig="parseOnLoad:true,isDebug:true">


(body style="padding:100px" class="tundra")
(button dojoType="dijit.form.Button"
iconClass="dijitEditorIcon dijitEditorIconBold" )(/button)
(button dojoType="dijit.form.Button"
iconClass="dijitEditorIcon dijitEditorIconItalic" )(/button)
(button dojoType="dijit.form.Button"
iconClass="dijitEditorIcon dijitEditorIconUnderline" )(/button)

(button dojoType="dijit.form.Button"
iconClass="dijitEditorIcon dijitEditorIconSubscript")(/button)
(button dojoType="dijit.form.Button"
iconClass="dijitEditorIcon dijitEditorIconSuperscript")(/button)

(/body)


Интересно отметить, что в настоящее время библиотека Dijit определяет ряд наглядных ярлыков для редактора Editor (определения находятся в таблицах стилей темы), которые могут содержаться в диджите Toolbar.

Диджит Toolbar имеет простой прикладной программный интерфейс, который можно считать типичным для любого потомка класса _Container..



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

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

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