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». После перемещения вкладки в качестве заголовка будет установлен ее порядковый номер.
См. также: