TabControl.ItemSelected

Синтаксис

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».

См. также:

TabControl