Для выполнения примера необходимо наличие на html-странице компонента WorkbookBox с наименованием «workbookBox» (см. «Пример создания компонента WorkbookBox»). Создадим компонент PeriodSeriesViewItem и отобразим его в рабочей книге:
// Получим панель свойств рабочей книги
var propertyBar = workbookBox.getPropertyBarView();
// Получим мастер для управления временными рядами
var pswPanel = propertyBar.getPeriodSeriesViewPanel();
// Создадим панель «Ряды»
var periodSeriesViewItem = new PP.TS.Ui.PeriodSeriesViewItem({
Source: workbookBox.getSource(), // Источник данных
ViewType: PP.Ui.NavigationItem, // Создаём навигационную панель
Title: "Ряды", //
OwnerMaster: propertyBar,
// Обработаем событие загрузки списка рядов
RootLoaded: function () {
console.log("Загрузка рядов данных...");
},
// Обработаем события изменения позиции размещения данных
DerivedVisibleChanged: function () {
console.log("Изменена позиция размещения данных временных рядов");
}
});
// Добавим созданную панель на панель свойств рабочей книги
propertyBar.addMasterPanel(periodSeriesViewItem);
// Раскроем панель «Ряды»
periodSeriesViewItem.expand();
В результате выполнения примера был создан и отображён компонент PeriodSeriesViewItem:

При создании данного компонента было вызвано событие RootLoaded, обработчик которого вывел в консоли браузера соответствующее уведомление:
Загрузка рядов данных...
См. также: