doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/CustomerFilter.razor

@@ -6,12 +6,5 @@
 }
 else
 {
-    <div class="card-header"><span>@Title</span></div>
-    <div class="card-body">
-        <Select Items="@_items" @bind-Value="@Value"></Select>
-    </div>
-    <div class="card-footer justify-content-end">
-        <Button Color="Color.None" class="filter-dismiss" OnClick="OnClickReset" Text="@ClearButtonText"></Button>
-        <Button Color="Color.None" class="filter-dismiss" OnClick="OnClickConfirm" Text="@FilterButtonText"></Button>
-    </div>
+    <Select Items="@_items" @bind-Value="@Value"></Select>
 }

src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor

@@ -46,7 +46,7 @@
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["FilterTemplateTitle"]"
-           Introduction="@Localizer["FilterTemplateIntro"]" Name="CustomerFilter">
+           Introduction="@Localizer["FilterTemplateIntro"]" Name="CustomFilter">
     <section ignore>@((MarkupString)Localizer["TablesFilterTemplateDescription", ComponentSourceCodeUrl].Value)</section>
 
     <Table TItem="Foo"
@@ -65,7 +65,7 @@
             </TableColumn>
             <TableColumn @bind-Field="@context.Count" Width="100" Sortable="true" Filterable="true">
                 <FilterTemplate>
-                    <CustomerFilter></CustomerFilter>
+                    <TableColumnFilter TFilter="CustomerFilter"></TableColumnFilter>
                 </FilterTemplate>
             </TableColumn>
         </TableColumns>
@@ -211,22 +211,22 @@
             <TableColumn @bind-Field="@context.DateTime" Width="180" Sortable="true" />
             <TableColumn @bind-Field="@context.Name" Width="100" Sortable="true" Filterable="true">
                 <FilterTemplate>
-                    <MultiFilter Items="_nameMultiFilterItems"></MultiFilter>
+                    <TableColumnFilter TFilter="MultiFilter" FilterParameters="_multiFilterParameter1"></TableColumnFilter>
                 </FilterTemplate>
             </TableColumn>
             <TableColumn @bind-Field="@context.Address" Sortable="true" Filterable="true">
                 <FilterTemplate>
-                    <MultiFilter OnGetItemsAsync="OnGetAddressItemsAsync"></MultiFilter>
+                    <TableColumnFilter TFilter="MultiFilter" FilterParameters="_multiFilterParameter2"></TableColumnFilter>
                 </FilterTemplate>
             </TableColumn>
             <TableColumn @bind-Field="@context.Complete" Width="100" Sortable="true" Filterable="true">
                 <FilterTemplate>
-                    <MultiFilter ShowSearch="false" Items="Items.Select(i => new SelectedItem(i.Complete.ToString()!, i.Complete.ToString()!)).DistinctBy(i => i.Value)"></MultiFilter>
+                    <TableColumnFilter TFilter="MultiFilter" FilterParameters="_multiFilterParameter3"></TableColumnFilter>
                 </FilterTemplate>
             </TableColumn>
             <TableColumn @bind-Field="@context.Education" Width="100" Sortable="true" Filterable="true">
                 <FilterTemplate>
-                    <MultiFilter ShowSearch="false" Items="Items.Select(i => new SelectedItem(i.Education.ToString()!, i.Education.ToString()!)).DistinctBy(i => i.Value)"></MultiFilter>
+                    <TableColumnFilter TFilter="MultiFilter" FilterParameters="_multiFilterParameter4"></TableColumnFilter>
                 </FilterTemplate>
             </TableColumn>
             <TableColumn @bind-Field="@context.Count" Width="150" Sortable="true" />

src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor.cs

@@ -29,7 +29,10 @@ public partial class TablesFilter
     [NotNull]
     private Table<Foo>? TableSetFilter { get; set; }
 
-    private IEnumerable<SelectedItem> _nameMultiFilterItems = default!;
+    private readonly Dictionary<string, object> _multiFilterParameter1 = new();
+    private readonly Dictionary<string, object> _multiFilterParameter2 = new();
+    private readonly Dictionary<string, object> _multiFilterParameter3 = new();
+    private readonly Dictionary<string, object> _multiFilterParameter4 = new();
 
     /// <summary>
     /// OnInitialized 方法
@@ -39,7 +42,18 @@ protected override void OnInitialized()
         base.OnInitialized();
 
         Items = Foo.GenerateFoo(FooLocalizer);
-        _nameMultiFilterItems = Items.Select(i => new SelectedItem(i.Name!, i.Name!)).DistinctBy(i => i.Value);
+        var items1 = Items.Select(i => new SelectedItem(i.Name!, i.Name!)).DistinctBy(i => i.Value);
+        _multiFilterParameter1.Add(nameof(MultiFilter.Items), items1);
+
+        _multiFilterParameter2.Add(nameof(MultiFilter.OnGetItemsAsync), new Func<Task<List<SelectedItem>>>(OnGetAddressItemsAsync));
+
+        var items3 = Items.Select(i => new SelectedItem(i.Complete.ToString(), i.Complete.ToString())).DistinctBy(i => i.Value);
+        _multiFilterParameter3.Add(nameof(MultiFilter.Items), items3);
+        _multiFilterParameter3.Add(nameof(MultiFilter.ShowSearch), false);
+
+        var items4 = Items.Select(i => new SelectedItem(i.Education.ToString()!, i.Education.ToString()!)).DistinctBy(i => i.Value);
+        _multiFilterParameter4.Add(nameof(MultiFilter.Items), items4);
+        _multiFilterParameter4.Add(nameof(MultiFilter.ShowSearch), false);
     }
 
     private async Task<List<SelectedItem>> OnGetAddressItemsAsync()