
MultiSelect
When you have multiple options, use the drop-down menu to present and provide a search for multiple choices
Multi-select drop-down boxes in a variety of colors are available
Demo
Bind a comma string-splitting string
Demo
mutltiSelect
component data source Items
and selected values the SelectItemsValue
support bidirectional binding;In this example, the SelectItemsValue
variable by binding bidirectionally, and chooses to change its value through the drop-down box. Bind a generic a collection of IEnumerable
Demo
In this example, the SelectArrayValues
collection variable by binding bidirectionally, and selects to change its value through the drop-down box
Bind an array int[]
Demo
In this example, an array variable SelectedIntArrayValues
selected by a bidirectional binding, selects to change its value through a drop-down box
Bind a generic a collection of IEnumerable
Demo
In this example, by binding SelectEnumValues
collection variables in both directions, you choose to change their values through the drop-down box, and you do not need to set the Items
parameter when enumeratingtype, the added feature is that the component tries to find resource files or DisplayAttribute
And DescriptionAttribute
labels attempt local translation, such as this example when switching to Chinese enumerates the values elementary schoolmiddle school
Turn on search by setting the ShowSearch
value
Demo
In this example, the search callback delegate method is set onSearchTextChanged
to customize search results if the display text is used internally to make a fuzzy match when not set
BlockGroupIntro
Demo
Set the component disabled state by setting the IsDisabled
value
Demo
The component does not respond when the state is disabled
Get the currently selected data set change event by setting the onSelectedItemsChanged
callback method by setting
Demo
When the drop-down box is not selected, it is blocked when the submit button is clicked.
Demo
When built into the ValidateForm
component, client authentication is automatically turned on, and the binding model has Required
tags
When a component binds in both directions, it automatically determines whether label text is displayed based on the conditions
Demo
The pre-label explicit rules are consistent with the BootstrapInput
component of the of the [The portal]
The candidate text is particularly long
Demo
MultiSelectButtonIntro
Demo
Set the limit on the number of options available to components by setting the max
Min
values
Demo
You can select up to two options
Select at least two options
Customize features by setting ButtonTemplate
custom toolbar buttons
Demo
The second drop-down box dynamically populates the content by selecting the different options for the first drop-down box.
Demo
In this example, clicking on the first drop-down box allows you to get the data source for the second multi-box by asynchronous means, and after assigning, call StateHasChanged
to re-render the multi-box
customer item template by set ItemTemplate
Demo
Set IsPopover
to true, use popover
render UI prevent The dropdown menu cannot be fully displayed because the parent container is set to overflow: hidden
Demo
Attributes
Event
B station related video link
交流群