RadSplitter for ASP.NET AJAX Version Q3 2008 released 11/25/2008 (release history)

Client-Side API

RadSplitter provides a flexible client-side API that allows you to change easily the configuration in the browser.

1. Getting the RadSplitter client-side object:

       				var splitter = <%= RadSplitter1.ClientID %>;
   	

2. Once you get the client-side object of RadSplitter, you can use the GetPaneById method to get the instance of a particular pane. Example:

       	var splitter = <%= RadSplitter1.ClientID %>;
   		var pane = splitter.GetPaneById("RadPane1");
   			

   You can also use the GetPaneByIndex method to get an instance of a pane. Example:

       	var splitter = <%= RadSplitter1.ClientID %>;
   		var pane = splitter.GetPaneByIndex(1);
   	

   You can also get the collection of all panes in the splitter using the GetPanes method:

       	var splitter = <%= RadSplitter1.ClientID %>;
   		var panes = splitter.GetPanes(); // get the panes collection
   		// loop the the collection
   		for (var i=0; i < panes.length; i ++)
   		{
   			var paneObj = panes[i]; // get instance of the RadPane 
   		}
   	

3. Using the client-side API you can Collapse, Expand, Resize. Examples:

   					var splitter = <%= RadSplitter1.ClientID %>;
   					var pane = splitter.GetPaneById("RadPane1");
   					var isCollapseSuccess = pane.Collapse(); // collapse this pane
   					var isExpandSuccess   = pane.Expand(pane); // expand this pane
   					pane.Resize(100); // increase panes size with 100px
   				

4. You can use the GetWidth, GetHeight methods to get the size of the splitter or panes. Example:

   				var splitter = <%= RadSplitter1.ClientID %>;
   				var splitterWidth = splitter.GetWidth();
   				var splitterHeight = splitter.GetHeight();
   
   				var pane = splitter.GetPaneById("RadPane1");
   				var paneWidth = pane.GetWidth();
   				var paneHeight = pane.GetHeight();