ajaxRequest (pane, url, data)

Loads the content of a pane from a local or remote URL.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// load content into the pane with ID, pane1
splitter.ajaxRequest("#pane1", "/customer/profile", { id: 42 });

Parameters

pane: Selector | DOM Element: The targetted pane whose content is to be loaded via a URL.
url: String: A local or remote URL from which the content of the pane is to be loaded.
data: Object | String: Any data that is necessary to be sent to the server.

collapse (pane)

Collapses a specified pane. Invoking this method will force the Splitter to redraw and it will trigger layoutChange and resize events. Note: Invoking the method will not trigger a collapse event.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// collapse the pane with ID, pane1
splitter.collapse("#pane1");

Parameters

pane: Selector | DOM Element: The pane to be collapsed.

expand (pane)

Expands a specified pane. Invoking this method will force the Splitter to redraw and it will trigger layoutChange and resize events. Note: Invoking the method will not trigger an expand event.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// expand the pane with ID, pane1
splitter.expand("#pane1");

Parameters

pane: Selector | DOM Element: The pane to be expanded.

max (pane, value)

Sets the maximum size of a pane. Setting this value will not cause the Splitter to redraw, nor will it trigger any events.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// set the maximum size of the pane with ID, pane1
splitter.max("#pane1", "300px");

Parameters

pane: Selector | DOM Element: The pane being targetted for a new minimum size configuration value.
value: String: The maximum size value of the pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%").

min (pane, value)

Sets the minimum size of a pane. Setting this value will not cause the Splitter to redraw, nor will it trigger any events.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// set the minimum size of the pane with ID, pane1
splitter.min("#pane1", "100px");

Parameters

pane: Selector | DOM Element: The pane being targetted for a new minimum size configuration value.
value: String: The minimum size value of the pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%").

size (pane, value)

Set the size of the pane. Setting this value will cause the Splitter to redraw and it will trigger layoutChange and resize events.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// set the size of the pane with ID, pane1
splitter.size("#pane1", "200px");

Parameters

pane: Selector | DOM Element: The pane to be resized.
value: String: The new size of the pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). Note: This value must not exceed panes.max or be less then panes.min.

toggle (pane, expand)

Toggles the state of a specified pane (i.e. collapsed or expanded). Invoking this method will force the Splitter to redraw and it will trigger layoutChange and resize events. Note: Invoking the method will not trigger collapse or expand events.

Example

// get a reference to the splitter
var splitter = $("#splitter").data("kendoSplitter");
// toggle the state of the pane with ID, pane1
splitter.toggle("#pane1");
// toggle the state of the pane with ID, pane1 to be expanded
splitter.toggle("#pane1", true);
// toggle the state of the pane with ID, pane1 to be collapsed
splitter.toggle("#pane1", false);

Parameters

pane: Selector | DOM Element: The pane to be collapsed.
expand: Boolean: (Optional) Represents the desired state of the specified pane; to be expanded (true) or collapsed (false). If undefined, toggle() will collapse the pane if it is expanded or will expand the pane if it is collapsed.