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

Client-side Events

Event log

The WebForms SegmentedControl supports a set of client-side events that enable you to react to user interactions and control lifecycle moments.

This demo shows how to use and handle the load event, which fires when the component is initialized, and the change event, which fires when the selected item changes.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • script.js
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"  Inherits="SegmentedControl_Client_Side_Programming_ClientSideEvents_DefaultCS" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <script src="script.js"></script>
</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 no-bg flex-center" runat="server">
        <telerik:RadSegmentedControl ID="RadSegmentedControl1" runat="server" SelectedValue="week">
            <Items>
                <telerik:SegmentedControlItem Text="Day" Value="day" />
                <telerik:SegmentedControlItem Text="Week" Value="week" />
                <telerik:SegmentedControlItem Text="Month" Value="month" />
                <telerik:SegmentedControlItem Text="Year" Value="year" />
            </Items>
            <ClientEvents OnLoad="onLoad" OnChange="onChange" />
        </telerik:RadSegmentedControl>
    </div>

    <qsf:EventLogConsole ID="EventLogConsole1" runat="server" AllowClear="true" Height="300px"></qsf:EventLogConsole>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance