The quick start guides you through the steps of adding a ListBox control to your application. For information on how to add ASP.NET MVC Edition controls, see Adding Controls.
The following image shows how the ListBox appears after completing the steps above. The example uses model Cities.cs added in the ComboBox QuickStart.
Create a new MVC application using the ComponentOne or VisualStudio templates. For more information about creating an MVC application, see Configuring your MVC Application topic.
Add a new Controller:
Default1Controller
).Index()
with the following method.
C# |
Copy Code
|
---|---|
public ActionResult Index() { ViewBag.Cities = MVCFlexGrid.Models.Cities.GetCities(); return View(); } |
Add a View for the controller:
Default1Controller
) to open it.Index()
.Index.cshtml
to open it.Index.cshtml
file with the code given below to initialize a ListBox control.
Razor |
Copy Code
|
---|---|
@{
List<string> cities = ViewBag.Cities;
}
<div>
<label>Select your city:</label>
@(Html.C1().ListBox()
.Bind(cities)
.Width(250).Height(150)
)
</div>
|