Edit on Github

FormControlComboBox

in namespace DotVVM.Bootstrap5.Controls

Extends the ComboBox control for usage in Form.

Usage & Scenarios

A special version of the ComboBox control that can be used in Form.

See ComboBox for more info on how to use this control.

https://getbootstrap.com/docs/5.2/forms/form-control

<bs:FormControlComboBox IsMultiple="true" 
                        DataSource="{value: Strings}" 
                        SelectedValue="{value: SelectedString}" 
                        LabelText="Basic" 
                        OptionCount="3" />

public class ViewModel : DotvvmViewModelBase
{
    public List<string> Strings { get; set; } = new List<string> { "one", "two", "three" };
    public string SelectedString { get; set; }
}

Show all inherited properties

Properties

Name	Type	Description	Notes	Default Value
ClientIDMode	ClientIDMode	Gets or sets the client ID generation algorithm.	attribute inner element static value bindable default	Static
ControlSizeAll	String	Gets or sets the size of the control for all screen sizes.	attribute inner element static value bindable default	null
ControlSizeLarge	String	Gets or sets the size of the control for large screen sizes.	attribute inner element static value bindable default	null
ControlSizeMedium	String	Gets or sets the size of the control for medium screen sizes.	attribute inner element static value bindable default	null
ControlSizeSmall	String	Gets or sets the size of the control for small screen sizes.	attribute inner element static value bindable default	null
ControlSizeXLarge	String	Gets or sets the size of the control for extra large screen sizes.	attribute inner element static value bindable default	null
ControlSizeXXLarge	String	Gets or sets the size of the control for extra extra large screen sizes.	attribute inner element static value bindable default	null
DataContext	Object	Gets or sets a data context for the control and its children. All value and command bindings are evaluated in context of this value. The DataContext is null in client-side templates.	attribute inner element static value bindable default	null
DataSource	Object	Gets or sets the source collection or a GridViewDataSet that contains data in the control.	attribute inner element static value bindable default	null
EmptyItemText	String	Text displayed when no value is selected.	attribute inner element static value bindable default	null
Enabled	Boolean	Gets or sets a value indicating whether the control is enabled and can be modified.	attribute inner element static value bindable default	null
FormControlCssClass	String	Gets or sets the CSS class to apply to the form control element.	attribute inner element static value bindable default	null
FormControlType	FormControlType?	Gets or sets the available form control type.	attribute inner element static value bindable default	null
HelpContent	List<DotvvmControl>	Gets or sets a custom template for for the help text. Cannot be combined with a `HelpText` property.	attribute inner element static value bindable default	null
HelpText	String	Gets or sets a plain text for the help text. Cannot be combined with a `HelpContent` property.	attribute inner element static value bindable default	null
ID	String	Gets or sets the control client ID within its naming container.	attribute inner element static value bindable default	null
IncludeInPage	Boolean	Gets or sets whether the control is included in the DOM of the page.	attribute inner element static value bindable default	True
ItemTextBinding	IValueBinding<String>	The expression of DataSource item that will be displayed in the control.	attribute inner element static value bindable default	null
ItemValueBinding	IValueBinding	The expression of DataSource item that will be passed to the SelectedValue property when the item is selected.	attribute inner element static value bindable default	null
LabelContent	List<DotvvmControl>	Gets or sets a custom template for for the control label. Cannot be combined with a `LabelText` property.	attribute inner element static value bindable default	null
LabelSizeAll	String	Gets or sets the size of the label for all screen sizes.	attribute inner element static value bindable default	null
LabelSizeLarge	String	Gets or sets the size of the label for large screen sizes.	attribute inner element static value bindable default	null
LabelSizeMedium	String	Gets or sets the size of the label for medium screen sizes.	attribute inner element static value bindable default	null
LabelSizeSmall	String	Gets or sets the size of the label for small screen sizes.	attribute inner element static value bindable default	null
LabelSizeXLarge	String	Gets or sets the size of the label for extra large screen sizes.	attribute inner element static value bindable default	null
LabelSizeXXLarge	String	Gets or sets the size of the label for extra extra large screen sizes.	attribute inner element static value bindable default	null
LabelText	String	Gets or sets a plain text for the control label. Cannot be combined with a `LabelContent` property.	attribute inner element static value bindable default	null
LabelType	LabelType?	Gets or sets the label type. Possible values are `Default` and `Floating`.	attribute inner element static value bindable default	null
Layout	FormControlLayout?	Gets or sets the form control layout. Possible values are `Default`, `Horizontal` and `Grid`.	attribute inner element static value bindable default	null
RenderLabel	Boolean?	Gets or sets whether the label is rendered.	attribute inner element static value bindable default	null
SelectedValue	IValueBinding<Object>	Gets or sets the value of the selected item.	attribute inner element static value bindable default	null
SelectMenuSize	Int32	Gets or sets the size of the options menu.	attribute inner element static value bindable default	null
Size	Size?	Gets or sets the size of the label and form control elements.	attribute inner element static value bindable default	null
Visible	Boolean	Gets or sets whether the control is visible. When set to false, `style="display: none"` will be added to this control.	attribute inner element static value bindable default	True

Events

	Name	Type	Description
	SelectionChanged	ICommandBinding	Gets or sets the command that will be triggered when the selection is changed.