A2v10 Platform documentation
UK


List Control

All controls

Represents a list of items (with the possibility of selection). The content is usually the ListItem list of the items.

Inherits: Control : UIElement : UIElementBase

Content property: Content

Properties

Name Type Description
Content UIElementCollection Content property. List content.
ItemsSource Array Always a binding - Bind. The source of data to display in the list.
Style ListStyle List display style.
Background BackgroundStyle List background style.
Border Boolean Whether to display a frame around the list.
BorderStyle BorderStyle The style of the border around the item.
Striped Boolean Coloring the list "with stripes" with highlighting of even and non-odd items.
Flush Boolean Removes the line after the last item in the list (only for the Underlined style).).
AutoSelect AutoSelectMode Automatically highlight items after loading or refreshing the list.
Height Length List height.
MaxHeight Length The maximum height of the list. If the list is larger, a vertical scrollbar appears.
Select Boolean? Whether selection of items in the list is allowed.
Mark Object Bind (Bind) only. List item marking. The marker is a vertical line to the left of the element. Details below.
MarkerStyle RowMarkerStyle The style of marking an item in the list. Possible values:
  • None - (by default) no marking.
  • Row - background color.
  • Marker - marker in the form of a strip on the left.
  • Both - both types of marking.
EmptyPanel UIElement The panel that is displayed if the content is empty. Usually an EmptyPanel object.
DoubleClick BindCmd The command that will be executed when you double-click on an item in the list. Don't forget to pass an argument to the command.
Base item properties

List item marking

The binding expression for the Mark property must return a text string, which is an additional CSS class to add to the list item. The by default theme supports the following options for marking list items:

value Mark"Marker""Row" "danger", "red", "error" #fc7c7c #fff5fa "warning", "yellow" #ffd700 #fffff0 "success", "green" #89e489 #f5fff5 "info", "cyan" #72eaea #f0ffff