activate

Triggered just after a tab is being made visible, but before the end of the animation

Attach activate event handler during initialization; detach via unbind()

// event handler for activate
var onActivate = function(e) {
    // access the activated item via e.item (HTMLElement)
};

// attach activate event handler during initialization
var tabStrip = $("#tabStrip").kendoTabStrip({
    activate: onActivate
});

// detach activate event handler via unbind()
tabStrip.data("kendoTabStrip").unbind("activate", onActivate);

Attach activate event handler via bind(); detach via unbind()

// event handler for activate
var onActivate = function(e) {
    // access the activated item via e.item (HTMLElement)
};

// attach activate event handler via bind()
$("#tabStrip").data("kendoTabStrip").bind("activate", onActivate);

// detach activate event handler via unbind()
$("#tabStrip").data("kendoTabStrip").unbind("activate", onActivate);

Event data

item : HTMLElement: The activated tab.
contentElement : Element: The content element of the activated tab.

contentLoad

Triggered when content is fetched from an AJAX request.

Event data

item : Element: The selected item
contentElement : Element: The loaded content element that is retrieved via AJAX.

error

Triggered when an AJAX request results in an error.

Event data

xhr : jqXHR: The jqXHR object used to load the content
status : String: The returned status.

select

Triggered before a tab is selected.

Attach select event handler during initialization; detach via unbind()

// event handler for select
var onSelect = function(e) {
    // access the selected item via e.item (HTMLElement)
};

// attach select event handler during initialization
var tabStrip = $("#tabStrip").kendoTabStrip({
    select: onSelect
});

// detach select event handler via unbind()
tabStrip.data("kendoTabStrip").unbind("select", onSelect);

Attach select event handler via bind(); detach via unbind()

// event handler for select
var onSelect = function(e) {
    // access the selected item via e.item (HTMLElement)
};

// attach select event handler via bind()
$("#tabStrip").data("kendoTabStrip").bind("select", onSelect);

// detach select event handler via unbind()
$("#tabStrip").data("kendoTabStrip").unbind("select", onSelect);

Event data

item : HTMLElement: The selected item chosen by a user.
contentElement : Element: The content element of the tab going to be selected.