TabControl.ItemMoved

Синтаксис

ItemMoved: function (sender, args:  PP.TabControlArgs);

Параметры

sender. Источник события;

args. Информация о событии.

Описание

Событие ItemMoved наступает после перемещения вкладки.

Комментарии

Вкладки перемещаются при помощи механизма Drag&Drop

Событие актуально, если для свойства TabControl.DragDropEnabled установлено значение true.

Пример

Для выполнения примера подключите библиотеку компонентов PP.js и таблицы визуальных стилей PP.css. Создайте компонент TabControl и добавьте обработчик события ItemMoved:

<script type="text/javascript">
    //Создаем компонент TabControl:
    var tabcontrol = new PP.Ui.TabControl({
            //Идентификатор для тега div
            ParentNode: document.getElementById("tabcont1"),
            Width: 250,
            Height: 50,
            //Путь к папке с изображениями:
            ImagePath: "img"
        });
    //Добавляем вкладки в компонент TabControl:
    tabcontrol.addItem(new PP.Ui.TabItem({ Position: PP.LTRB.Top, Caption: "First tab", Content: "Content 1" }));
    tabcontrol.addItem(new PP.Ui.TabItem({ Position: PP.LTRB.Top, Caption: "Second tab", Content: "Content 2" }));
    //Добавляем обработчик события ItemMoved
    tabcontrol.ItemMoved.add(function (sender, args) {
            args.Item.setCaption(args.Item.getOrderNumber().toString());
    });
</script>

После выполнения примера на html-странице будет размещен компонент TabControl, содержащий две вкладки с заголовками «First tab» и «Second tab». После перемещения вкладки в качестве заголовка будет установлен ее порядковый номер.

См. также:

TabControl