Razor Page
This article describes how to configure the Telerik UI ButtonGroup for ASP.NET Core in a RazorPages scenario.
See the ButtonGroup configuration in the example below, and for the full project with RazorPages examples, visit our GitHub repository.
@page
@model Telerik.Examples.RazorPages.Pages.ButtonGroup.ButtonGroupIndexModel
@{
ViewData["Title"] = "ButtonGroupIndex";
}
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()
<h1>ButtonGroupIndex</h1>
@(Html.Kendo().ButtonGroup()
.Name("buttonGroup")
.Items(t =>
{
t.Add().Text("Month");
t.Add().Text("Quarter");
t.Add().Text("Year");
})
.Events(ev => ev.Select("onSelect"))
)
<kendo-buttongroup name="player"
on-select="onSelect">
<buttongroup-items>
<item text="Month"></item>
<item text="Quarter"></item>
<item text="Year"></item>
</buttongroup-items>
</kendo-buttongroup>
<script>
function onSelect(e) {
console.log("selected index:" + e.indices);
}
</script>
public class ButtonGroupIndexModel : PageModel
{
public void OnGet()
{
}
}