NavigationBar

Описание

Компонент NavigationBar представляет собой панель свойств, предназначенную для навигации по свойствам активного компонента и управления свойствами.

Компонент NavigationBar включает в себя вкладки, при нажатии на заголовки которых раскрываются внутренние панели с произвольным содержимым. Отличительная черта компонента заключается в том, что несколько вкладок не могут быть открыты одновременно. При открытии следующей вкладки каждая предыдущая вкладка закрывается.

Комментарии

Компонент реализован классом NavigationBar.

В качестве контейнера для панели свойств может использоваться компонент SlidePanel.

Пример

Компонент имеет следующий вид:

На рисунке выше все вкладки навигационной панели свернуты. В заголовках вкладок могут размещаться элементы управления, такие как ComboBox, Button, CheckBox, RadioButton. По умолчанию для заголовков вкладок установлен элемент управления CheckBox, который является видимым, но его можно скрыть с помощью свойства IsHeaderControlVisible.

При открытии вкладки раскрывется ее внутренняя панель, при этом спускаются вкладки, расположенные ниже:

Если места на панели навигации не хватает для раскрытия внутренней панели, то скрываются вкладки, начиная с нижней, и появляется кнопка с раскрывающимся меню «Panels».

Более подробное описание компонента можно найти на странице «Пример создания компонента NavigationBar».

Конструктор

	Имя конструктора	Краткое описание
	NavigationBar	Конструктор NavigationBar создает экземпляр компонента NavigationBar.

Свойства

	Имя свойства	Краткое описание
	IsAlwaysExpanded	Свойство IsAlwaysExpanded определяет, можно ли скрыть открытую вкладку, не раскрывая других вкладок.
	Items	Свойство Items устанавливает список панелей, входящих в состав компонента.

Методы

	Имя метода	Краткое описание
	addItem	Метод addItem добавляет вкладку с раскрывающейся панелью в навигатор.
	beginUpdate	Метод beginUpdate отключает перерисовку панели свойств до тех пор, пока не будет вызван метод endUpdate.
	endUpdate	Метод endUpdate включает перерисовку панели свойств и обновляет её.
	getActiveItem	Метод getActiveItem возвращает активную вкладку панели.
	getContentAutoFit	Метод getContentAutoFit возвращает признак использования автоподгонки содержимого панели свойств.
	getExpandedAreaHeight	Метод getExpandedAreaHeight возвращает высоту раскрытой области панели свойств.
	getItem	Метод getItem возвращает дочерний элемент навигационной панели по указанному индексу.
	getItemByPoint	Метод getItemByPoint возвращает вкладку панели свойств по заданным координатам.
	getLayoutItems	Метод getLayoutItems возвращает массив элементов панели свойств.
	getMaxAreaHeight	Метод getMaxAreaHeight возвращает максимальную высоту области панели свойств.
	getMinAreaHeight	Метод getMinAreaHeight возвращает минимальную высоту области панели свойств.
	insertItem	Метод insertItem добавляет элемент в панель свойств по индексу или элементу.
	isAnimation	Метод isAnimation возвращает признак выполнения анимации в панели свойств.
	isUpdating	Метод isUpdating определяет, обновляется ли в текущий момент времени панель свойств.
	removeItem	Метод removeItem удаляет указанную вкладку.
	removeItemByIndex	Метод removeItemByIndex удаляет вкладку по индексу.
	stopAnimation	Метод stopAnimation останавливает анимацию в панели свойств.

События

	Имя события	Краткое описание
	Collapsed	Событие Collapsed наступает после сворачивания вкладок панели.
	Expanded	Событие Expanded наступает после разворачивания вкладки панели.
	SelectableSelected	Событие SelectableSelected наступает при нажатии кнопки мыши на панели свойств.

Свойства, унаследованные от класса Control

	Имя свойства	Краткое описание
	Anchors	Свойство Anchors определяет позицию компонента, размещенного внутри контейнера.
	Animation	Свойство Animation устанавливает параметры анимации для компонента.
	Bottom	Свойство Bottom устанавливает отступ снизу при размещении компонента внутри LayoutPanel.
	Content	Свойство Content устанавливает содержимое компонента.
	ContextMenu	Свойство ContextMenu устанавливает контекстное меню для компонента.
	Data	Свойство Data предназначено для хранения любых пользовательских данных.
	DataContext	Свойство DataContext содержит объект с данными.
	Enabled	Свойство Enabled устанавливает, является ли компонент доступным для использования.
	Height	Свойство Height устанавливает высоту компонента.
	IsResizable	Свойство IsResizable определяет, можно ли изменять размеры компонента.
	IsRTL	Свойство IsRTL устанавливает направление текста справа налево.
	IsVisible	Свойство IsVisible определяет, отображается ли компонент.
	Left	Свойство Left устанавливает отступ слева при размещении компонента внутри GridPanel.
	Offset	Свойство Offset определяет координаты корневой DOM-вершины элемента управления.
	Opacity	Свойство Opacity определяет прозрачность компонента.
	Parent	Свойство Parent определяет родительский компонент элемента управления.
	ParentNode	Свойство ParentNode устанавливает родительскую DOM-вершину.
	ResourceKey	Свойство ResourceKey устанавливает ресурсный ключ для компонента.
	Right	Свойство Right устанавливает отступ справа при размещении компонента внутри LayoutPanel.
	Rotate	Свойство Rotate устанавливает угол поворота компонента.
	ShowToolTip	Свойство ShowToolTip определяет, включена ли возможность отображать всплывающую подсказку компонента.
	Style	Свойство Style устанавливает стиль для компонента.
	TabIndex	Свойство TabIndex задает последовательность перехода элемента управления внутри контейнера.
	Tag	Свойство Tag устанавливает JSON-объект, ассоциированный с компонентом.
	ToolTip	Свойство ToolTip определяет текст всплывающей подсказки компонента.
	Top	Свойство Top устанавливает отступ сверху при размещении компонента внутри GridPanel.
	Value	Свойство Value задает значение компоненту.
	Width	Свойство Width устанавливает ширину компонента.

Методы, унаследованные от класса Control

	Имя метода	Краткое описание
	addClass	Метод addClass добавляет CSS-класс к компоненту.
	addEvent	Метод addEvent добавляет обработчик события на DOM-вершину.
	addEventHandler	Метод addEventHandler добавляет обработчик события на DOM-вершину.
	addEvents	Метод addEvents добавляет массив обработчиков событий на DOM-вершину.
	addStateClass	Метод addStateClass добавляет CSS-класс к компоненту и удаляет прежний CSS-класс.
	addStyleBySelector	Метод addStyleBySelector создает блок со стилем с указанным css-селектором.
	addToNode	Метод addToNode добавляет компонент в указанную вершину.
	bindEvents	Метод bindEvents подписывает элемент на все стандартные события.
	clearStylesCache	Метод clearStylesCache очищает кэш стилей компонента.
	getAnchorFlags	Метод getAnchorFlags возвращает JSON-объект с настройками текущей позиции компонента.
	getClass	Метод getClass возвращает текущие css-классы компонента.
	getCssStyle	Метод getCssStyle возвращает стили для указанной вершины.
	getDomNode	Метод getDomNode возвращает главную DOM-вершину компонента.
	getFocused	Метод getFocused определяет наличие фокуса у компонента.
	getFunctionByName	Метод getFunctionByName возвращает функцию по имени.
	getIsBinded	Метод getIsBinded возвращает признак подписи элемента на события DOM-вершины.
	hasClass	Метод hasClass определяет, задан ли для корневой DOM-вершины элемента управления указанный CSS-класс.
	hide	Метод hide скрывает элемент управления.
	hideToolTip	Метод hideToolTip очищает таймаут появления подсказки и скрывает ее, если она был показана.
	isResingNow	Метод isResingNow определяет, изменяются ли в данный момент размеры компонента.
	refreshBindingProperty	Метод refreshBindingProperty обновляет привязанное свойство по имени.
	refreshItemsStyle	Метод refreshItemsStyle обновляет CSS-стили дочерних элементов.
	refreshStyle	Метод refreshStyle обновляет CSS-стили элемента.
	removeClass	Метод removeClass удаляет CSS-класс из компонента.
	removeEvent	Метод removeEvent удаляет обработчик события у DOM-вершины.
	removeEventHandler	Метод removeEventHandler удаляет обработчик события DOM-вершины.
	removeFromDOM	Метод removeFromDOM удаляет вершину из DOM-структуры.
	removeStateClasses	Метод removeStateClasses удаляет CSS-классы компонента.
	setDraggable	Метод setDraggable устанавливает возможность перетаскивания компонента на html-странице.
	setFocus	Метод setFocus устанавливает фокус компонента.
	setIsHovered	Метод setIsHovered отображает компонент как при наведении на него курсора.
	setIsPressed	Метод setIsPressed отображает компонент как при клике по нему.
	setOpacityIE8	Метод setOpacityIE8 устанавливает значение прозрачности компонента в браузере InternetExplorer 8.
	setSize	Метод setSize устанавливает размеры компонента.
	show	Метод show отображает элемент управления.
	unBindEvents	Метод unBindEvents отписывает элемент от всех стандартных событий.
	updatePosition	Метод updatePosition корректирует размер и положение при абсолютном позиционировании на основе текущих параметров.
	updateSize	Метод updateSize обновляет размеры компонента подгонке размеров контейнера, в котором находится компонент.

События, унаследованные от класса Control

	Имя события	Краткое описание
	Drag	Событие Drag наступает при нажатии и удерживании клавиши мыши.
	DragEnd	Событие DragEnd наступает при окончании перетаскивания компонента.
	DragStart	Событие DragStart наступает, когда начинается перетаскивание компонента.
	OnContextMenu	Событие OnContextMenu наступает при вызове контекстного меню компонента.
	SizeChanged	Событие SizeChanged наступает после изменения размеров компонента.
	SizeChanging	Событие SizeChanging наступает во время изменения размеров компонента.

Свойства, унаследованные от класса Object

	Имя свойства	Краткое описание
	Data	Свойство Data ассоциирует произвольный объект с данным компонентом.
	Id	Свойство Id устанавливает идентификатор компонента.
	Settings	Свойство Settings задает параметры компонента.

Методы, унаследованные от класса Object

	Имя метода	Краткое описание
	clone	Метод clone создает копию объекта. Не реализован в PP.Ui.Control.
	dispose	Метод dispose уничтожает компонент.
	getTypeName	Метод getTypeName возвращает имя типа объекта без пространства имён, к которому он принадлежит.

См. также:

DHTML-компоненты