Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Splitter / Server-side API

Click on the buttons below to alter the configuration of the splitter from the code behind.
Pane1 - 120px
Pane2 - 100px
Pane3 - 150px


  • Server-Side API

    RadSplitter provides a flexible server-side API that allows you to change easily the splitter configuration.

    In the splitter's Items collection are included all panes and splitbars. You can use the standard collection methods to add/remove items in the collection.

    Note that the Items collection is not kept across page postbacks and you have to rebuild it everytime.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="false" EnableViewState="false" Inherits="Telerik.Web.Examples.Splitter.ServerSideApi.DefaultCS" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag ID="Headtag1" runat="server"></qsf:HeadTag>
    </head>
    <body class="BODY">
        <form id="Form1" method="post" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#"></qsf:Header>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <div class="bigModule" style="margin-bottom: 40px">
            <div class="bigModuleBottom">
                Click on the buttons below to alter the configuration of the splitter from the code
                behind.<br />
            </div>
        </div>
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="300" Width="300">
            <telerik:RadPane ID="Pane1" runat="server" Height="120">
                Pane1 - 120px
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
            <telerik:RadPane ID="Pane2" runat="server" Height="100">
                Pane2 - 100px
            </telerik:RadPane>
            <telerik:RadSplitBar ID="Radsplitbar2" runat="server" CollapseMode="Forward"></telerik:RadSplitBar>
            <telerik:RadPane ID="Pane3" runat="server" Height="150">
                Pane3 - 150px
            </telerik:RadPane>
        </telerik:RadSplitter>
        <table cellpadding="5">
            <tr>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddNewSplitBarAtEnd" Text="Add new splitbar at the end" />
                </td>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddNewPaneAtEnd" Text="Add new pane at the end" />
                </td>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddNewPaneAtStart" Text="Add new pane at the start" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddSplitBarAtStart" Text="Add splitbar at the start" />
                </td>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddPaneAtPosition" Text="Add pane at 3rd position" />
                </td>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="AddSplitBarAtPosition" Text="Add splitbar at 3rd position" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="RemoveFirstPane" Text="Remove the first pane" />
                </td>
                <td>
                    <asp:Button runat="server" CssClass="button" ID="RemoveFirstSplitBar" Text="Remove the first splitbar" />
                </td>
                <td>
                </td>
            </tr>
        </table>
        <br />
        <qsf:Footer runat="server" ID="Footer1"></qsf:Footer>
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451