This section briefly explains about how to include a simple DropDownButton 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 DropDownButton
component in Index.cshtml page.
@Html.EJS().DropDownButton("element").Content("Edit").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
DropDownButton component are generated in default.cs
and assigned to ViewBag
variable.
public ActionResult Index()
{
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 DropDownButton.
@Html.EJS().DropDownButton("element").Content("Edit").Items((IEnumerable<object>)ViewBag.items).Render()
public ActionResult Index()
{
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();
}