diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor b/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor
index bcee83dfd5d5269b1a8f3a81224315c32ba0dc4a..5e8c8cb77bbcff4456acb5d46a35a36b3e19ad8f 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor
@@ -6,7 +6,7 @@
 
 <Block Title="基本用法" Introduction="填充表单" Name="Normal">
     <div class="mb-3">录入 <code>Name</code> 姓名智能提示，选择提示项后自动填充下方表单 目前支持键盘 <kbd>Enter</kbd> <kbd>Spance</kbd> <kbd><i class="fa fa-arrow-up"></i></kbd> <kbd><i class="fa fa-arrow-down"></i></kbd></div>
-    <AutoFill TValue="Dummy" Value="Model" Items="Items" IsLikeMatch="true" OnSelectedItemChanged="OnSelectedItemChanged" class="mb-3">
+    <AutoFill TValue="Foo" Value="Model" Items="Items" IsLikeMatch="true" OnSelectedItemChanged="OnSelectedItemChanged" OnGetDisplayText="OnGetDisplayText" class="mb-3">
         <Template>
             <div class="d-flex">
                 <div>
@@ -19,11 +19,8 @@
             </div>
         </Template>
     </AutoFill>
-    <EditorForm Model="@Model" RowType="RowType.Inline" ItemsPerRow="2">
-        <FieldItems>
-            <EditorItem @bind-Field="@context.Hobby" Editable="false" />
-        </FieldItems>
-    </EditorForm>
+    <img src="@Foo.GetAvatarUrl(Model.Id)" class="shadow" style="width: 140px; margin-bottom: 1rem; border-radius: 6px;" />
+    <EditorForm Model="@Model" RowType="RowType.Inline" ItemsPerRow="2" />
 </Block>
 
 <div style="height: 300px"></div>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor.cs
index dc7a6262252cf8b8e9da875155408e98f59c0aae..ff3bb7c99b95e5a00dd852a1538aecb9fa40374c 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor.cs
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/AutoFills.razor.cs
@@ -17,10 +17,11 @@ namespace BootstrapBlazor.Shared.Pages
     /// </summary>
     partial class AutoFills
     {
-        private Dummy Model { get; set; } = new Dummy();
+        [NotNull]
+        private Foo Model { get; set; } = new();
 
         [NotNull]
-        private IEnumerable<Dummy>? Items { get; set; }
+        private IEnumerable<Foo>? Items { get; set; }
 
         [Inject]
         [NotNull]
@@ -33,68 +34,16 @@ namespace BootstrapBlazor.Shared.Pages
         {
             base.OnInitialized();
 
-            Items = Foo.GenerateFoo(LocalizerFoo).Select(i => Dummy.ConvertFromFoo(i));
+            Items = Foo.GenerateFoo(LocalizerFoo);
         }
 
-        private Task OnSelectedItemChanged(Dummy dummy)
+        private Task OnSelectedItemChanged(Foo foo)
         {
-            Model = Utility.Clone(dummy);
+            Model = Utility.Clone(foo);
             StateHasChanged();
             return Task.CompletedTask;
         }
 
-        private class Dummy : Foo, ISelectedItem
-        {
-            /// <summary>
-            /// 
-            /// </summary>
-            [AutoGenerateColumn(Editable = false)]
-            public string Text { get; set; } = "";
-
-            /// <summary>
-            /// 
-            /// </summary>
-            [AutoGenerateColumn(Editable = false)]
-            public string Value { get; set; } = "";
-
-            /// <summary>
-            /// 
-            /// </summary>
-            [AutoGenerateColumn(Editable = false)]
-            public bool Active { get; set; }
-
-            /// <summary>
-            /// 
-            /// </summary>
-            [AutoGenerateColumn(Editable = false)]
-            public bool IsDisabled { get; set; }
-
-            /// <summary>
-            /// 
-            /// </summary>
-            [AutoGenerateColumn(Editable = false)]
-            public string GroupName { get; set; } = "";
-
-            /// <summary>
-            /// 
-            /// </summary>
-            /// <param name="foo"></param>
-            /// <returns></returns>
-            public static Dummy ConvertFromFoo(Foo foo)
-            {
-                return new Dummy()
-                {
-                    Address = foo.Address,
-                    Complete = foo.Complete,
-                    Count = foo.Count,
-                    DateTime = foo.DateTime,
-                    Education = foo.Education,
-                    Id = foo.Id,
-                    Name = foo.Name,
-                    Text = foo.Name ?? string.Empty,
-                    Value = foo.Id.ToString()
-                };
-            }
-        }
+        private string OnGetDisplayText(Foo foo) => foo.Name ?? "";
     }
 }
diff --git a/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor b/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor
index cd3622c0dde9d415da07552d67063d4b651e484d..ab7ee6060772836ebd2eb475154173734946ec2b 100644
--- a/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor
+++ b/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor
@@ -7,7 +7,7 @@
     <label class="form-label" required="@Required" for="@Id">@DisplayText</label>
 }
 <div class="@ClassString" @ref="AutoFillElement">
-    <input @attributes="AdditionalAttributes" class="@ClassName" autocomplete="off" type="@Type" placeholder="@PlaceHolder" @bind-value="@CurrentValueAsString" @bind-value:event="oninput" @onblur="OnBlur" @onkeyup="OnKeyUp" @ref="FocusElement" />
+    <input @attributes="AdditionalAttributes" class="@ClassName" autocomplete="off" type="@Type" placeholder="@PlaceHolder" @bind-value="@InputString" @bind-value:event="oninput" @onblur="OnBlur" @onkeyup="OnKeyUp" @ref="FocusElement" />
     <i class="fa fa-fw fa-spinner fa-spin"></i>
     <div class="select-dropdown">
         <ul class="dropdown-list">
@@ -22,7 +22,7 @@
                         }
                         else
                         {
-                            <div>@item.Text</div>
+                            <div>@OnGetDisplayText(item)</div>
                         }
                     </li>
                 }
diff --git a/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs b/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs
index b72a061949102b78e4756381410ad7e1332b4452..436ffde62ca3ddcb9b0fef724de747f73520d94a 100644
--- a/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs
+++ b/src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs
@@ -16,7 +16,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// AutoComplete 组件基类
     /// </summary>
-    public partial class AutoFill<TValue> where TValue : ISelectedItem
+    public partial class AutoFill<TValue>
     {
         private bool _isLoading;
         private bool _isShown;
@@ -81,6 +81,13 @@ namespace BootstrapBlazor.Components
         [Parameter]
         public RenderFragment<TValue>? Template { get; set; }
 
+        /// <summary>
+        /// 获得/设置 通过模型获得显示文本方法 默认使用 ToString 重载方法
+        /// </summary>
+        [Parameter]
+        [NotNull]
+        public Func<TValue, string>? OnGetDisplayText { get; set; }
+
         /// <summary>
         /// 获得/设置 选项改变回调方法 默认 null
         /// </summary>
@@ -94,6 +101,8 @@ namespace BootstrapBlazor.Components
         [NotNull]
         private IStringLocalizer<AutoComplete>? Localizer { get; set; }
 
+        private string InputString { get; set; } = "";
+
         private TValue? ActiveSelectedItem { get; set; }
 
         /// <summary>
@@ -117,6 +126,7 @@ namespace BootstrapBlazor.Components
             PlaceHolder ??= Localizer[nameof(PlaceHolder)];
             Items ??= Enumerable.Empty<TValue>();
             FilterItems ??= new List<TValue>();
+            OnGetDisplayText ??= v => v?.ToString() ?? "";
         }
 
         /// <summary>
@@ -177,10 +187,10 @@ namespace BootstrapBlazor.Components
         /// <returns></returns>
         protected virtual async Task OnKeyUp(KeyboardEventArgs args)
         {
-            if (!_isLoading && _lastFilterText != CurrentValueAsString)
+            if (!_isLoading && _lastFilterText != InputString)
             {
                 _isLoading = true;
-                _lastFilterText = CurrentValueAsString;
+                _lastFilterText = InputString;
                 if (CustomFilter != null)
                 {
                     var items = await CustomFilter();
@@ -244,7 +254,7 @@ namespace BootstrapBlazor.Components
                     }
                     if (ActiveSelectedItem != null)
                     {
-                        CurrentValueAsString = ActiveSelectedItem.Text;
+                        InputString = OnGetDisplayText(ActiveSelectedItem);
                     }
                     await OnBlur();
                     if (!SkipEnter && OnEnterAsync != null)
@@ -258,31 +268,9 @@ namespace BootstrapBlazor.Components
             {
                 var comparison = IgnoreCase ? StringComparison.OrdinalIgnoreCase : StringComparison.Ordinal;
                 return IsLikeMatch ?
-                    Items.Where(s => s.Text.Contains(CurrentValueAsString, comparison)) :
-                    Items.Where(s => s.Text.StartsWith(CurrentValueAsString, comparison));
+                    Items.Where(s => OnGetDisplayText(s).Contains(InputString, comparison)) :
+                    Items.Where(s => OnGetDisplayText(s).StartsWith(InputString, comparison));
             }
         }
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="value"></param>
-        /// <returns></returns>
-        protected override string? FormatValueAsString(TValue value) => value.Text;
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="value"></param>
-        /// <param name="result"></param>
-        /// <param name="validationErrorMessage"></param>
-        /// <returns></returns>
-        protected override bool TryParseValueFromString(string value, [MaybeNullWhen(false)] out TValue result, out string? validationErrorMessage)
-        {
-            CurrentValue.Text = value;
-            result = CurrentValue;
-            validationErrorMessage = null;
-            return true;
-        }
     }
 }