doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor

@@ -5,7 +5,7 @@
 
 <h4>@Localizer["MultiSelectsDescription"]</h4>
 
-<DemoBlock Title="@Localizer["MultiSelectColorTitle"]" Introduction="@Localizer["MultiSelectColorIntro"]" Name="Color">
+@* <DemoBlock Title="@Localizer["MultiSelectColorTitle"]" Introduction="@Localizer["MultiSelectColorIntro"]" Name="Color">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <MultiSelect TValue="string" Items="@Items1" />
@@ -96,15 +96,24 @@
     <section ignore>@((MarkupString)Localizer["MultiSelectBindingEnumCollectionDescription"].Value)</section>
     <MultiSelect @bind-Value="@SelectedEnumValues"></MultiSelect>
     <section ignore>@(string.Join(",", SelectedEnumValues))</section>
-</DemoBlock>
+</DemoBlock> *@
 
 <DemoBlock Title="@Localizer["MultiSelectFlagsEnumTitle"]" Introduction="@Localizer["MultiSelectFlagsEnumIntro"]"
            Name="Flags">
-    <section ignore>@((MarkupString)Localizer["MultiSelectFlagsEnumDescription"].Value)</section>
+    <section ignore>
+        <Pre>[Flags]
+private enum MultiSelectEnumFoo
+{
+    One = 1,
+    Two = 2,
+    Three = 4,
+    Four = 8
+}</Pre>
+    </section>
     <MultiSelect @bind-Value="@EnumFoo"></MultiSelect>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["MultiSelectSearchTitle"]" Introduction="@Localizer["MultiSelectSearchIntro"]" Name="Search">
+@* <DemoBlock Title="@Localizer["MultiSelectSearchTitle"]" Introduction="@Localizer["MultiSelectSearchIntro"]" Name="Search">
     <section ignore>@((MarkupString)Localizer["MultiSelectSearchDescription"].Value)</section>
     <MultiSelect Items="@Items" @bind-Value="@SelectedSearchItemsValue" ShowSearch="true" OnSearchTextChanged="@OnSearch" />
     <section ignore>@SelectedSearchItemsValue</section>
@@ -259,7 +268,7 @@
             <Display Value="@_editString"></Display>
         </div>
     </div>
-</DemoBlock>
+</DemoBlock> *@
 
 <AttributeTable Items="@GetAttributes()" />
 

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -2941,6 +2941,8 @@
     "MultiSelectSearchTitle": "Search function",
     "MultiSelectSearchIntro": "Turn on search by setting the <code>ShowSearch</code> value",
     "MultiSelectSearchDescription": "In this example, the search callback delegate method is set <code>onSearchTextChanged</code> to customize search results if the display text is used internally to make a fuzzy match when not set",
+    "MultiSelectFlagsEnumTitle": "Flags Enum",
+    "MultiSelectFlagsEnumIntro": "When the binding value is an <code>Enum</code> data type, if it has a <code>Flags</code> tag, multiple selection mode is automatically supported",
     "MultiSelectGroupTitle": "Grouping",
     "MultiSelectGroupIntro": "Alternatives are presented in groups",
     "MultiSelectDisableTitle": "Disable the feature",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -2941,6 +2941,8 @@
     "MultiSelectSearchTitle": "搜索功能",
     "MultiSelectSearchIntro": "通过设置 <code>ShowSearch</code> 值开启搜索功能",
     "MultiSelectSearchDescription": "本例中设置搜索回调委托方法 <code>OnSearchTextChanged</code> 进行自定义搜索结果，如果未设置时内部使用显示文本进行模糊匹配",
+    "MultiSelectFlagsEnumTitle": "Flags 枚举",
+    "MultiSelectFlagsEnumIntro": "绑定值为 <code>Enum</code> 数据类型时，如果枚举有 <code>Flags</code> 标签时，自动支持多选模式",
     "MultiSelectGroupTitle": "分组",
     "MultiSelectGroupIntro": "通过设置 <code>GroupName</code> 将下拉框中的备选项进行分组显示",
     "MultiSelectDisableTitle": "禁用功能",