Triggered when a pane of a Splitter is collapsed.

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

// event handler for expand
var onCollapse = function(e) {
    // access the collapsed item via e.pane (HTMLElement)
};

// attach collapse event handler during initialization
var splitter = $("#splitter").kendoSplitter({
    collapse: onCollapse
});

// detach collapse event handler via unbind()
splitter.data("kendoSplitter").unbind("collapse", onCollapse);

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

// event handler for collapse
var onExpand = function(e) {
    // access the collapsed item via e.pane (HTMLElement)
};

// attach collapse event handler via bind()
$("#splitter").data("kendoSplitter").bind("collapse", onCollapse);

// detach collapse event handler via unbind()
$("#splitter").data("kendoSplitter").unbind("collapse", onCollapse);

Event data

pane : Element: The collapsing pane of the Splitter.

Triggered when the content for a pane has finished loading.

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

// event handler for contentLoad
var onContentLoad = function(e) {
    // access the loaded pane via e.pane (HTMLElement)
};

// attach contentLoad event handler during initialization
var splitter = $("#splitter").kendoSplitter({
    contentLoad: onContentLoad
});

// detach contentLoad event handler via unbind()
splitter.data("kendoSplitter").unbind("contentLoad", onContentLoad);

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

// event handler for contentLoad
var onContentLoad = function(e) {
    // access the loaded pane via e.pane (HTMLElement)
};

// attach contentLoad event handler via bind()
$("#splitter").data("kendoSplitter").bind("contentLoad", onContentLoad);

// detach contentLoad event handler via unbind()
$("#splitter").data("kendoSplitter").unbind("contentLoad", onContentLoad);

Event data

pane : HTMLElement: The pane whose content has been loaded.

Triggered when a pane of a Splitter is expanded.

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

// event handler for expand
var onExpand = function(e) {
    // access the expanded item via e.pane (HTMLElement)
};

// attach expand event handler during initialization
var splitter = $("#splitter").kendoSplitter({
    expand: onExpand
});

// detach expand event handler via unbind()
splitter.data("kendoSplitter").unbind("expand", onExpand);

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

// event handler for expand
var onExpand = function(e) {
    // access the expanded item via e.pane (HTMLElement)
};

// attach expand event handler via bind()
$("#splitter").data("kendoSplitter").bind("expand", onExpand);

// detach expand event handler via unbind()
$("#splitter").data("kendoSplitter").unbind("expand", onExpand);

Event data

pane : Element: The expanding pane of the Splitter.

Fires when the splitter layout has changed

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

// event handler for resize
var onLayoutChange = function(e) {
    // ...
};

$("#splitter").kendoSplitter({
    layoutChange: onLayoutChange
});

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

// event handler for layoutChange
var onLayoutChange = function(e) {
    // ...
};

// attach layoutChange event handler via bind()
$("#splitter").bind("layoutChange", onLayoutChange);

// detach layoutChange event handler via unbind()
$("#splitter").unbind("layoutChange", onLayoutChange);

Triggered when a pane is resized.

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

// event handler for resize
var onResize = function(e) {
    // ...
};

// attach resize event handler during initialization
var splitter = $("#splitter").kendoSplitter({
    resize: onResize
});

// detach resize event handler via unbind()
splitter.data("kendoSplitter").unbind("resize", onResize);

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

// event handler for resize
var onResize = function(e) {
    // ...
};

// attach resize event handler via bind()
$("#splitter").data("kendoSplitter").bind("resize", onResize);

// detach resize event handler via unbind()
$("#splitter").data("kendoSplitter").unbind("resize", onResize);