Events

Updated on Mar 24, 2026

The SegmentedControl exposes a Change() event that you can handle.

For a complete example on basic SegmentedControl events, refer to the demo on using the events of the SegmentedControl.

The Change event fires when the user selects a different segment. The event handler receives the selected item's value and the full item data object.

Razor

@using Kendo.Mvc.UI

@(Html.Kendo().SegmentedControl()
    .Name("segmentedControl")
    .Items(items =>
    {
        items.Add().Text("Option 1").Value("option1");
        items.Add().Text("Option 2").Value("option2");
        items.Add().Text("Option 3").Value("option3");
    })
    .SelectedValue("option1")
    .Events(ev => ev.Change("onChange"))
)

<script>
    function onChange(e) {
        console.log("Selected value: " + e.value);
    }
</script>

Next Steps

• Using the SegmentedControl Events (Demo)

See Also

• Using the API of the SegmentedControl for ASP.NET MVC (Demo)
• SegmentedControl Server-Side API for ASP.NET MVC
• SegmentedControl Client-Side API