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

Single Click

Apply custom page size to the RadGrid below:

10 items per page
  • 3 items per page
  • 5 items per page
  • 10 items per page

Customer IDCompany NameContact NameContact TitleAddressPostal Code
12345678910
Page size:
 91 items in 10 pages
WOLZAWolski ZajazdZbyszek PiestrzeniewiczOwnerul. Filtrowa 6801-012

The single click of RadSplitButton is used to avoid multiple postbacks/callbacks to the server. This feature is useful in scenarios where the developer should prevent submitting of identical content multiple times to the server.

The following properties should be used to enable the single click functionality:

  • SingleClick - determines whether the RadSplitButton control will be immediately disabled after the user clicks it. Set it to true to enable the single click functionality.
  • SingleClickText - determines the text displayed in the RadSplitButton control after the button is being clicked and disabled. The original text will be retrieved after the server request execution. The property takes a plain text string.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.SplitButton.Functionality.SingleClick.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-wide">

        <telerik:RadAjaxPanel runat="server">
            <p>Apply custom page size to the RadGrid below:</p>
            <telerik:RadSplitButton runat="server" ID="RadSplitButton1" CommandName="10" ChangeCommandNameOnItemSelect="true" ChangeTextOnItemSelect="true" Text="10 items per page" SingleClick="true"
                SingleClickText="Processing..." OnCommand="RadSplitButton1_Command">
                <ContextMenu runat="server">
                    <Items>
                        <telerik:RadMenuItem Text="3 items per page" Value="3"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="5 items per page" Value="5"></telerik:RadMenuItem>
                        <telerik:RadMenuItem Text="10 items per page" Value="10"></telerik:RadMenuItem>
                    </Items>
                </ContextMenu>
            </telerik:RadSplitButton>
            <br />
            <br />

            <telerik:RadGrid RenderMode="Lightweight" runat="server" ID="RadGrid1" AllowPaging="True"
                AllowSorting="true" OnNeedDataSource="RadGrid1_NeedDataSource">
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance