contentLoad

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>

<script>
    // 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
    }).data("kendoTabStrip");
</script>
In this article