ItemSelected: function (sender, args: PP.TabControlArgs);
sender. Источник события;
args. Информация о событии.
Событие ItemSelected наступает при выборе вкладки.
Одновременно в компоненте может быть выбрана (открыта) одна вкладка. Вкладка открывается при нажатии на заголовок. Вкладка закрывается при выборе другой вкладки.
Для выполнения примера подключите библиотеку компонентов PP.js и таблицы визуальных стилей PP.css. Создадим компонент TabControl. Добавим обработчик события ItemSelected:
<script type="text/javascript">
//Создаем компонент
TabControl:
var tabcontrol = new PP.Ui.TabControl({
//Идентификатор для тега div
ParentNode:
document.getElementById("tabcont1"),
Width:
300,
Height:
300,
//Путь к папке с изображениями:
ImagePath:
"img"
});
//Создаем вкладку
- компонент TabItem
var tab = new PP.Ui.TabItem({ Caption: "Tab",
Content: "<div><div style='text-align:center; padding-top:70px'>Content
Left</div></div>", Position: PP.LTRB.Left });
//Добавляем вкладку
к компоненту TabControl
tabcontrol.addItem(tab);
//Добавляем обработчик
события ItemSelected
tabcontrol.ItemSelected.add(function(sender, args)
{
tab.getParent().addItem(new
PP.Ui.TabItem({ Position: PP.LTRB.Right, Caption: "Tab1" }));
});
</script>
После выполнения примера на html-странице будет создан компонент TabControl, состоящий из одной вкладки, расположенной слева. При выборе данной вкладки, т.е. при нажатии на заголовок, справа будет добавлена вкладка с заголовком «Tab1».
См. также: