TabControl.AfterAddItem

Syntax

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

Parameters

sender. Event source.

args. Event information.

Description

The AfterAddItem event occurs after a new tab is added to the component.

Comments

The event is fired on using the addItem method and on adding tabs using a special tab that contains the plus sign +.

Example

To execute the example, connect the PP.js components library and the PP.css visual styles table. Create the TabControl component. Add a handler for the AfterAddItem event:

//Create the TabControl component:
var tabcontrol = new PP.Ui.TabControl({
    //Identifier for the div tag
    ParentNode: document.getElementById("tabcont1"),
    Width: 300,
    Height: 200,
    //Path to the folder with images:
    ImagePath: "img"
    });
    //Add a tab to the TabControl component:
    tabcontrol.addItem(new PP.Ui.TabItem({ Position: PP.LTRB.Top, Caption: "Tab"}));
    //Add a handler for the AfterAddItem event:
    tabcontrol.AfterAddItem.add(onAfterAddItem);
    //AfterAddItem event handler:
    function onAfterAddItem(sender, args) {
    alert("The tab " + args.Item.getCaption() + " is added");
;}

After executing the example the TabControl component is positioned on the HTML page. After adding a new tab the message "Tab (sequence number) is added" is displayed to the screen.

See also:

TabControl