ActiveItem: PP.Ui.TreeItem
Свойство ActiveItem определяет активный элемент модели данных диаграммы.
Значение свойства устанавливается из JSON и с помощью метода setActiveItem, а возвращается с помощью метода getActiveItem.
Для выполнения примера предполагается наличие на странице компонента BubbleTree с наименованием «bubbleTree» (см. «Пример создания компонента BubbleTree» ). Получим модель данных, обработаем событие ActiveItemChanged, установим новый активный элемент, обновим индексы элементов, изменим цвет корневого элемента:
// Получим модель данных var model = bubbleTree.getModel() // Обработаем событие ActiveItemChanged model.ActiveItemChanged.add(function (sender, args, timeout) { console.log("Инициировано событие ActiveItemChanged") }); // Получим элемент по идентификатору var item = model.getItem("EU"); // Установим новый активный элемент model.setActiveItem(item); // Обновим индексы элементов model.buildIndex(); // Получим корневой элемент диаграммы var rootItem = model.getRootItem(); // Получим кисть закраски элемента var brush = rootItem.getColor(); // Изменим цвет закраски brush.setColor("#FF0000"); // Установим новую кисть rootItem.setColor(brush); // Обновим цвета rootItem.updateColors(); // Установим новый корневой элемент model.setRootItem(rootItem); // Обновим диаграмму bubbleTree.refresh();
В результате был установлен новый активный элемент, был изменен цвет корневого элемента:
Также в консоли браузера было выведено сообщение о вызове обработанного события:
Инициировано событие ActiveItemChanged
Заменим текущий активный элемент на его родительский элемент:
// Сделаем активным родительский элемент текущего активного элемента model.goToParent(); // Обновим диаграмму bubbleTree.refresh();
В результате был изменен активный элемент:
См. также: