From e9d823d19319cc0ff56648592bebf30f884b40c4 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sun, 12 Jan 2025 21:37:37 +0800
Subject: [PATCH 1/2] =?UTF-8?q?doc:=20=E7=A7=BB=E9=99=A4=E4=B8=8D=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Samples/MultiSelects.razor                      | 1 -
 .../Components/Samples/MultiSelects.razor.cs                   | 3 ---
 2 files changed, 4 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
index 867e27deb2b..f473d6dca84 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
@@ -120,7 +120,6 @@
 
 <DemoBlock Title="@Localizer["MultiSelectOptionChangeTitle"]" Introduction="@Localizer["MultiSelectOptionChangeIntro"]" Name="OptionChange">
     <MultiSelect Items="@Items" OnSelectedItemsChanged="@OnSelectedItemsChanged8" Value="@SelectedOptionItemsValue" />
-    <ConsoleLogger @ref="OptionLogger" />
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["MultiSelectClientValidationTitle"]" Introduction="@Localizer["MultiSelectClientValidationIntro"]" Name="ClientValidation">
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
index ef2c9349ef7..68871b50c82 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
@@ -72,9 +72,6 @@ public partial class MultiSelects
     [NotNull]
     private ConsoleLogger? Logger { get; set; }
 
-    [NotNull]
-    private ConsoleLogger? OptionLogger { get; set; }
-
     private List<SelectedItem>? SearchItemsSource { get; set; }
 
     private string SelectedSearchItemsValue { get; set; } = "Beijing";

From 1f0b7d696a8e72f8e83a7ba8d5ce37ad2aafa1bf Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sun, 12 Jan 2025 21:37:52 +0800
Subject: [PATCH 2/2] =?UTF-8?q?doc:=20=E5=A2=9E=E5=8A=A0=20OnEditCallback?=
 =?UTF-8?q?=20=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Samples/MultiSelects.razor         |  7 +++++--
 .../Components/Samples/MultiSelects.razor.cs      | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
index f473d6dca84..6b1ed9b4114 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor
@@ -246,8 +246,11 @@
         @((MarkupString)Localizer["MultiSelectIsEditableDescription"].Value)
     </section>
     <div class="row g-3">
-        <div class="col-12">
-            <MultiSelect TValue="string" Items="@EditableItems" IsEditable="true" Max="2" EditSubmitKey="EditSubmitKey.Space" />
+        <div class="col-12 col-sm-6">
+            <MultiSelect @bind-Value="@_editString" Items="@EditableItems" IsEditable="true" Max="2" EditSubmitKey="EditSubmitKey.Enter" OnEditCallback="OnEditCallback" />
+        </div>
+        <div class="col-12 col-sm-6">
+            <Display Value="@_editString"></Display>
         </div>
     </div>
 </DemoBlock>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
index 68871b50c82..e7a568e1842 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/MultiSelects.razor.cs
@@ -95,6 +95,21 @@ public partial class MultiSelects
 
     private List<SelectedItem> CascadingItems1 { get; set; } = [];
 
+    private string? _editString;
+
+    private async Task<SelectedItem> OnEditCallback(string value)
+    {
+        await Task.Delay(100);
+
+        var item = EditableItems.Find(i => i.Text.Equals(value, System.StringComparison.OrdinalIgnoreCase));
+        if (item == null)
+        {
+            item = new SelectedItem(value, value);
+            EditableItems.Add(item);
+        }
+        return item;
+    }
+
     private SelectedItem[] GroupItems { get; } =
     [
         new("Jilin", "吉林") { GroupName = "东北"},