New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Resizing RadGrid in RadSplitter

Customer IDCompany NameContact NameContact Title
LAMAILa maison d'AsieAnnette RouletSales Manager
LAUGBLaughing Bacchus Wine CellarsYoshi TannamuriMarketing Assistant
LAZYKLazy K Kountry StoreJohn SteelMarketing Manager
LEHMSLehmanns MarktstandRenate MessnerSales Representative
LETSSLet's Stop N ShopJaime YorresOwner
LILASLILA-SupermercadoCarlos GonzálezAccounting Manager
LINODLINO-DelicatesesFelipe IzquierdoOwner
LONEPLonesome Pine RestaurantFran WilsonSales Manager
MAGAAMagazzini Alimentari RiunitiGiovanni RovelliMarketing Manager
MAISDMaison DeweyCatherine DeweySales Agent
MEREPMère PaillardeJean FresnièreMarketing Assistant
MORGKMorgenstern GesundkostAlexander FeuerMarketing Assistant
NORTSNorth/SouthSimon CrowtherSales Associate
OCEANOcéano Atlántico Ltda.Yvonne MoncadaSales Agent
OLDWOOld World DelicatessenRene PhillipsSales Representative
OTTIKOttilies KäseladenHenriette PfalzheimOwner
PARISParis spécialitésMarie BertrandOwner
PERICPericles Comidas clásicasGuillermo FernándezSales Representative
PICCOPiccolo und mehrGeorg PippsSales Manager
PRINIPrincesa Isabel VinhosIsabel de CastroSales Representative
QUEDEQue DelíciaBernardo BatistaAccounting Manager
QUEENQueen CozinhaLúcia CarvalhoMarketing Assistant
QUICKQUICK-StopHorst KlossAccounting Manager
RANCHRancho grandeSergio GutiérrezSales Representative
RATTCRattlesnake Canyon GroceryPaula WilsonAssistant Sales Representative
REGGCReggiani CaseificiMaurizio MoroniSales Associate
RICARRicardo AdocicadosJanete LimeiraAssistant Sales Agent
RICSURichter SupermarktMichael HolzSales Manager
ROMEYRomero y tomilloAlejandra CaminoAccounting Manager
SANTGSanté GourmetJonas BergulfsenOwner
SAVEASave-a-lot MarketsJose PavarottiSales Representative
SEVESSeven Seas ImportsHari KumarSales Manager
SIMOBSimons bistroJytte PetersenOwner
SPECDSpécialités du mondeDominique PerrierMarketing Manager
SPLIRSplit Rail Beer & AleArt BraunschweigerSales Manager
SUPRDSuprêmes délicesPascale CartrainAccounting Manager
THEBIThe Big CheeseLiz NixonMarketing Manager
THECRThe Cracker BoxLiu WongMarketing Assistant
TOMSPToms SpezialitätenKarin JosephsMarketing Manager
TORTUTortuga RestauranteMiguel Angel PaolinoOwner
123
 Page 2 of 3, items 41 to 80 of 91.

RadSplitter for ASP.NET AJAX enables you to build desktop-like application interfaces with resizable areas and sliding, dockable panels just like in Visual Studio .Net. Each layout can be indefinitely nested with splitters, whose state is automatically persisted on the server and can be saved/loaded through the extensive API.

Resizing RadGrid in RadSplitter

This example shows how you can resize RadGrid when resizing its splitter container. The RadSplitter control exposes OnClientResized client event which can be handled to initiate an AJAX request and then all you need to do is calculate and set the new value of the PageSize property on the server.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="false" Inherits="Telerik.Web.Examples.Controls.Integration.GridAndSplitterResizing.DefaultCS" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" href="styles.css" />
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxSettingCreated="RadAjaxManager1_AjaxSettingCreated"
                            OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <script type="text/javascript">
        //<![CDATA[
            $splitterGridDemo.ajaxManagerID = "<%= RadAjaxManager1.ClientID %>";
        //]]>
    </script>
    <div class="demo-container no-bg">
        <telerik:RadSplitter RenderMode="Lightweight" ID="RadSplitter1" Width="800px" runat="server" Orientation="Horizontal" CssClass="compositeSplitter">
            <telerik:RadPane ID="gridPane" runat="server" Height="307px" OnClientResized="ClientResized"
                             Scrolling="None">
                <telerik:RadGrid RenderMode="Lightweight" AllowPaging="true" PageSize="40" Width="100%" Height="100%" Style="border: 0; outline: none"
                                 ID="RadGrid1" runat="server">
                    <MasterTableView AllowPaging="true" TableLayout="Fixed">
                    </MasterTableView>
                    <PagerStyle Mode="NumericPages"></PagerStyle>
                    <ClientSettings EnableRowHoverStyle="true">
                        <Selecting AllowRowSelect="true"></Selecting>
                        <Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>
                    </ClientSettings>
                </telerik:RadGrid>
            </telerik:RadPane>
            <telerik:RadSplitBar CollapseMode="Both" ID="RadSplitBar2" runat="server" EnableResize="True">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="listBoxPane" runat="server" CssClass="TextStyle" BackColor="#d9eeff" ForeColor="Black">
                    <p class="pane-text-content">
                        RadSplitter for ASP.NET AJAX enables you to build desktop-like application interfaces
                        with resizable areas and sliding, dockable panels just like in Visual Studio .Net.
                        Each layout can be indefinitely nested with splitters, whose state is automatically
                        persisted on the server and can be saved/loaded through the extensive API.
                    </p>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance