• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of API in ASP.NET MVC List Box Control

This sample demonstrates the API functionalities of the ListBox component by using its properties from the property pane. Select any combination of properties from the property pane to achieve desired functionalities in ListBox.

Sort order
Selection Mode

In this demo, a ListBox is rendered with grouping feature by setting the GroupBy property in Fields property. This sample has been showcased with following set of properties,

  • You can switch to Single or Multiple selection mode by selecting the mode from the selection mode dropdown list.
  • You can switch to None, Ascending, or Descending sort orders by selecting the sort order from the sort order dropdown list.

In this sample, by default, grouping is enabled and vegetableData is grouped based on its category. The user can change the sort order and selection type using dropdownlist.

More information about the ListBox api can be found in the documentation section.