ToolBar - Server-side Events

  • Product
  • Consulting
  • Purchase
  • Support
  • Company

Event log

  • ItemCreated:
  • ButtonDataBound: Product
  • ItemCreated:
  • ButtonDataBound: Consulting
  • ItemCreated:
  • ButtonDataBound: Purchase
  • ItemCreated:
  • ButtonDataBound: Support
  • ItemCreated:
  • ButtonDataBound: Company
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadToolBar provides API for handling server-side events:

  • ButtonClick
  • ItemCreated
  • ButtonDataBound

This example shows a sample approach using the ButtonClick event. As soon as the ButtonClick event is wired, a postback will appear upon clicking a button item (RadToolBarButton). You can disable the postback for a specific button item by setting its PostBack property to false.

Click a button item to trigger the ButtonClick event
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ToolBar.Examples.ServerSide.ServerEvents.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</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-narrow">
        <telerik:RadToolBar RenderMode="Lightweight" runat="server" ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick"
            OnItemCreated="RadToolBar1_ItemCreated" OnButtonDataBound="RadToolBar1_ButtonDataBound"
            EnableRoundedCorners="true" EnableShadows="true">         
        </telerik:RadToolBar>
    </div>
    <qsf:EventLogConsole runat="server" ID="EventLogConsole1" Height="200px"></qsf:EventLogConsole>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?