This section briefly explains about how to include a simple SplitButton in your ASP.NET MVC application. You can refer ASP.NET MVC Getting Started documentation page for introduction part of the system requirements and configure the common specifications.
We are going to render SplitButton
component in Index.cshtml page.
@Html.EJS().SplitButton("element").Content("Paste").Items((IEnumerable<object>)ViewBag.items).Render()
ViewBag.items
variable is used for bounding the items
property in view page.
Populate the action items in SplitButton
by using the items
property. Here, the JSON values are passed to the
SplitButton component are generated in HomeController.cs
and assigned to ViewBag
variable.
public ActionResult Index()
{
// Define the array of JSON
List<object> items = new List<object>();
items.Add(new
{
text = "Cut"
});
items.Add(new
{
text = "Copy"
});
items.Add(new
{
text = "Paste"
});
ViewBag.items = items;
return View();
}
Output be like the below.
After successful compilation of your application, simply press F5
to run the application.
The following example shows a basic SplitButton.
@Html.EJS().SplitButton("element").Content("Paste").Items((IEnumerable<object>)ViewBag.items).Render()
public ActionResult Index()
{
// define the array of JSON
List<object> items = new List<object>();
items.Add(new
{
text = "Cut"
});
items.Add(new
{
text = "Copy"
});
items.Add(new
{
text = "Paste"
});
ViewBag.items = items;
return View();
}