ListExtended & SelectExtended: Search with Complex Types (#106)

* Initialize

* Finalize

Author: mckaragoz

CodeBeam.MudExtensions/Components/ListExtended/MudListExtended.razor

@@ -27,11 +27,11 @@
             <MudVirtualize IsEnabled="@Virtualize" Items="GetSearchedItems()" Context="item" OverscanCount="@OverscanCount">
                 @if (MudSelectExtended != null)
                 {
-                    <MudSelectItemExtended Value="@item" Text="@(MudSelectExtended.ToStringFunc == null ? item.ToString() : MudSelectExtended.ToStringFunc(item))" />
+                    <MudSelectItemExtended Value="@item" Text="@(ToStringFunc == null ? item.ToString() : ToStringFunc(item))" />
                 }
                 else
                 {
-                    <MudListItemExtended Value="@item" Text="@item.ToString()" />
+                    <MudListItemExtended Value="@item" Text="@(ToStringFunc == null ? item.ToString() : ToStringFunc(item))" />
                 }
             </MudVirtualize>
         }

CodeBeam.MudExtensions/Components/ListExtended/MudListExtended.razor.cs

@@ -107,6 +107,27 @@ public IEqualityComparer<T> Comparer
             }
         }
 
+        private Func<T, string> _toStringFunc = x => x?.ToString();
+        /// <summary>
+        /// Defines how values are displayed in the drop-down list
+        /// </summary>
+        [Parameter]
+        [Category(CategoryTypes.FormComponent.ListBehavior)]
+        public Func<T, string> ToStringFunc
+        {
+            get => _toStringFunc;
+            set
+            {
+                if (_toStringFunc == value)
+                    return;
+                _toStringFunc = value;
+                Converter = new DefaultConverter<T>
+                {
+                    SetFunc = _toStringFunc ?? (x => x?.ToString()),
+                };
+            }
+        }
+
         /// <summary>
         /// Predefined enumerable items. If its not null, creates list items automatically.
         /// </summary>

CodeBeam.MudExtensions/Components/SelectExtended/MudSelectExtended.razor

@@ -100,7 +100,7 @@
                                  Clickable="true" Color="@Color" Dense="@Dense" ItemCollection="@ItemCollection" Virtualize="@Virtualize" DisablePadding="@DisablePopoverPadding" DisableSelectedItemStyle="@DisableSelectedItemStyle"
                                  MultiSelection="@MultiSelection" MultiSelectionComponent="@MultiSelectionComponent" MultiSelectionAlign="@MultiSelectionAlign" SelectAll="@SelectAll" SelectAllText="@SelectAllText"
                                  CheckedIcon="@CheckedIcon" UncheckedIcon="@UncheckedIcon" IndeterminateIcon="@IndeterminateIcon" SelectValueOnTab="@SelectValueOnTab" Comparer="@Comparer"
-                                 ItemTemplate="@ItemTemplate" ItemSelectedTemplate="@ItemSelectedTemplate" ItemDisabledTemplate="@ItemDisabledTemplate" SearchBox="@SearchBox">
+                                 ItemTemplate="@ItemTemplate" ItemSelectedTemplate="@ItemSelectedTemplate" ItemDisabledTemplate="@ItemDisabledTemplate" SearchBox="@SearchBox" ToStringFunc="@ToStringFunc">
                             @ChildContent
 						</MudListExtended>
 					</CascadingValue>

ComponentViewer.Docs/Pages/Examples/ListExtendedExample2.razor

@@ -12,6 +12,12 @@
             <MudText Class="ma-4">Enum List</MudText>
             <MudListExtended T="Continent" ItemCollection="(ICollection<Continent>)Enum.GetValues<Continent>()" Clickable="true" MaxItems="_maxItems" SearchBox="_searchBox" />
         </MudPaper>
+
+        <MudPaper Width="300px" Elevation="0">
+            <MudText Class="ma-4">Complex Type List</MudText>
+            <MudListExtended T="ComplexTypes" ItemCollection="_complexTypeCollection" Clickable="true" MaxItems="_maxItems" SearchBox="_searchBox"
+                ToStringFunc="@(e => e?.Name + " " + e?.SurName)" />
+        </MudPaper>
     </MudItem>
 
     <MudItem xs="12" sm="4">
@@ -28,6 +34,13 @@
     int _maxItems = 8;
     bool _searchBox = false;
     string _selectedState;
+    ICollection<ComplexTypes> _complexTypeCollection = new List<ComplexTypes>()
+    {
+        new ComplexTypes() { Name = "John", SurName = "Star" },
+        new ComplexTypes() { Name = "David", SurName = "Codewriter" },
+        new ComplexTypes() { Name = "Mary", SurName = "Hardcoded" },
+        new ComplexTypes() { Name = "Jessica", SurName = "Fastfinger" },
+    };
 
     private string[] _states =
     {
@@ -56,4 +69,10 @@
         Australia,
         Antarctica
     }
+
+    public class ComplexTypes
+    {
+        public string Name { get; set; }
+        public string SurName { get; set; }
+    }
 }