SplitButton ToolBar Command Type
The SplitButton is a composite control, which has a primary (main) button, and alternative options that are displayed in a drop-down list, which is bound to a secondary button.
In the command overflow popup, the SplitButton is rendered as a flat list of commands. The first one is the primary (main) button, followed by the drop-down items in the order they are defined.
The following example demonstrates how to define a SplitButton in the ToolBar component.
@(Html.Kendo().ToolBar()
.Name("ToolBar")
.Items(items =>
{
items.Add().Type(CommandType.SplitButton)
.Text("SplitButton")
.Icon("folder-add")
.MenuButtons(menuButtons =>
{
menuButtons.Add().Id("option1").Text("Option 1");
menuButtons.Add().Id("option2").Text("Option 2");
menuButtons.Add().Id("option3").Text("Option 3");
menuButtons.Add().Id("option4").Text("Option 4");
menuButtons.Add().Id("option5").Text("Option 5");
});
})
)