由于泛型的写法有点复杂，所以封装了 string 类型的 SimpleSelect。还可以根据需求封装不同类型的 Select 组件。

    public class SimpleSelect : Select<string, string> { }

    public class SimpleSelectOption : SelectOption<string, string> { }

展开后可对选项进行搜索。可设置 AutoClearSearchValue = false 来保留搜索框的值。

使用自定义过滤器搜索选项，忽略非空格字符。

In this demo you can switch between two DataSources. You can Clear a DataSource or set it to NULL. If the DataSource changes, the OnDataSourceChanged event is triggered.

With the ItemTemplate parameter, it is possible to make visual customizations.

Entries can be grouped using a group indicator. The parameter GroupName is used for this. It is recommended to sort the entries when using the GroupName parameter (SortByLabel | SortByGroup). Otherwise there may be problems with keyboard navigation.

Select inside a form component

As a default behavior, the OnSelectedItemChanged callback can only get the value of the selected item. The LabelInValue property can be used to get the label property of the selected item.

The label of the selected item will be packed as an string (JSON) for passing to the OnSelectedItemChanged callback. This function is only available when the SelectOptions are created without a DataStore.

Show select in modal

使用 DropdownRender 对下拉菜单进行自由扩展。

下拉框默认是列表样式，可利用 ListboxStyle 属性自定义样式。

本示例为图标选择器。

利用自定义下拉模板实现列表选择器。

允许自定义选择标签的样式。

当要使用 Enabled/Disabled 状态, 需要通过 LabelTemplateItem 和 LabelTemplateItemContent 的 Style 属性设置禁用样式。

MaxTagCount can be either set to literal or changed live.

Example how to use the PopupContainerSelector.

基本使用。

多选，从已有条目中选择。

三种大小的选择框，当 size 分别为 large 和 small 时，输入框高度为 40px 和 24px ，默认高度为 32px。

tags select，随意输入的内容（scroll the menu）

When an Item is initialized, the label value (e.g. Lucy), group name, disabled value is set by reflection. To improve the performance and to avoid having to do the reflection again on every render cycle there is the parameter IgnoreItemChanges. The default value for this parameter is True. If you want that the values are updated at runtime set the parameter to False.

省市联动是典型的例子。

推荐使用 Cascader 组件。

搜索和远程数据结合。

试下复制 露西,杰克 到输入框里。只在 tags 和 multiple 模式下可用。

一个带有远程搜索，防抖控制，请求时序控制，加载状态的多选示例。

Currently not implemented.

隐藏下拉列表中已选择的选项。

无边框样式。

当需要展示大量数据时，可以设置 EnableVirtualization=true 启用虚拟化。此功能需要用 .NET 5 以上。

多选下通过响应式布局让选项自动收缩。该功能对性能有所消耗，不推荐在大表单场景下使用。

对于枚举类型，可使用更便捷的枚举选择器 EnumSelect。

当枚举类型有 FlagsAttribute 特性 时，可使用 @bind-Value 绑定组合值。