Edit this page


Triggered when content is fetched from an AJAX request.

Event Data

e.item Element

The selected item

e.contentElement Element

The loaded content element that is retrieved via AJAX.

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

<div id="tabstrip"></div>

    // event handler for select
    var onContentLoad = function(e) {
        // access the selected item via e.item (Element)

        // detach contentLoad event handler via unbind()
        tabStrip.unbind("contentLoad", onError);

    // attach select event handler during initialization
    var tabStrip = $("#tabstrip").kendoTabStrip({
        dataTextField: "Name",
        dataContentUrlField: "ContentUrl",
        dataSource: [
          { Name: "Tab1", ContentUrl: "https://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent1.html" },
          { Name: "Tab2", ContentUrl: "https://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent2.html" }
        contentLoad: onContentLoad
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article