From f7682ee0ab24f7275599a338ff8c2f88fdd1d622 Mon Sep 17 00:00:00 2001
From: Argo <argo@163.com>
Date: Thu, 6 Jan 2022 08:21:32 +0000
Subject: [PATCH] =?UTF-8?q?!2288=20doc(#I4PNVD):=20update=20SearchTemplate?=
 =?UTF-8?q?=20sample=20code=20for=20table=20*=20doc:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20SearchTemplate=20=E6=A8=A1=E6=9D=BF=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Samples/Table/TablesSearch.razor          | 16 +++----
 .../Samples/Table/TablesSearch.razor.cs       | 47 ++++++++++++++++++-
 2 files changed, 53 insertions(+), 10 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor b/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor
index 38dcde653..b75928dc3 100644
--- a/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor
@@ -20,10 +20,10 @@
            ShowToolbar="true" ShowSearch="true" IsMultipleSelect="true" ShowExtendButtons="true"
            AddModalTitle="增加测试数据窗口" EditModalTitle="编辑测试数据窗口"
            SearchModel="@SearchModel" ShowEmpty="true" SearchMode="SearchMode.Top"
-           OnQueryAsync="@OnQueryAsync" OnResetSearchAsync="@OnResetSearchAsync"
+           OnQueryAsync="@OnSearchModelQueryAsync" OnResetSearchAsync="@OnResetSearchAsync"
            OnAddAsync="@OnAddAsync" OnSaveAsync="@OnSaveAsync" OnDeleteAsync="@OnDeleteAsync">
         <TableColumns>
-            <TableColumn @bind-Field="@context.DateTime" Width="180" Filterable="true" />
+            <TableColumn @bind-Field="@context.DateTime" Width="180" />
             <TableColumn @bind-Field="@context.Name" />
             <TableColumn @bind-Field="@context.Address" />
             <TableColumn @bind-Field="@context.Education" />
@@ -35,7 +35,7 @@
                         <BootstrapInput @bind-Value="@context.Name" placeholder="请输入姓名，50字以内" maxlength="50" ShowLabel="true" DisplayText="@Localizer[nameof(context.Name)]" />
                     </div>
                     <div class="col-12 col-sm-6">
-                        <BootstrapInput @bind-Value="@context.Address" placeholder="请输入地址，50字以内" maxlength="50" ShowLabel="true" DisplayText="@Localizer[nameof(context.Address)]" />
+                        <BootstrapInput @bind-Value="@context.Address" placeholder="请输入地址，500字以内" maxlength="500" ShowLabel="true" DisplayText="@Localizer[nameof(context.Address)]" />
                     </div>
                 </div>
             </GroupBox>
@@ -103,11 +103,11 @@
                 <SearchTemplate Context="model">
                     @{
                         var items = new List<SelectedItem>()
-                        {
-                            new SelectedItem { Text = "请选择 ...", Value = "" },
-                            new SelectedItem { Text = "姓名1", Value = "姓名1" },
-                            new SelectedItem { Text = "姓名2", Value = "姓名2" },
-                        };
+                    {
+                    new SelectedItem { Text = "请选择 ...", Value = "" },
+                    new SelectedItem { Text = "姓名1", Value = "姓名1" },
+                    new SelectedItem { Text = "姓名2", Value = "姓名2" },
+                    };
                         <div class="col-12 col-sm-6">
                             <Select Items="items" @bind-Value="@model!.Name" ShowLabel="true" DisplayText="姓名" />
                         </div>
diff --git a/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor.cs b/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor.cs
index d051c3a04..b360e9902 100644
--- a/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor.cs
+++ b/src/BootstrapBlazor.Shared/Samples/Table/TablesSearch.razor.cs
@@ -101,14 +101,56 @@ public sealed partial class TablesSearch
         return Task.CompletedTask;
     }
 
+    private Task<QueryData<Foo>> OnSearchModelQueryAsync(QueryPageOptions options)
+    {
+        // 自定义了 SearchModel
+        IEnumerable<Foo> items = Items;
+
+        // 设置记录总数
+        var total = items.Count();
+
+        if (!string.IsNullOrEmpty(SearchModel.Name))
+        {
+            items = items.Where(i => i.Name == SearchModel.Name);
+        }
+
+        if (!string.IsNullOrEmpty(SearchModel.Address))
+        {
+            items = items.Where(i => i.Address == SearchModel.Address);
+        }
+
+        // 内存分页
+        items = items.Skip((options.PageIndex - 1) * options.PageItems).Take(options.PageItems).ToList();
+
+        return Task.FromResult(new QueryData<Foo>()
+        {
+            Items = items,
+            TotalCount = total,
+            IsSorted = true,
+            IsFiltered = true,
+            IsSearch = true,
+            IsAdvanceSearch = true
+        });
+    }
+
+
     private Task<QueryData<Foo>> OnQueryAsync(QueryPageOptions options)
     {
         IEnumerable<Foo> items = Items;
 
-        // CustomerSearchModel 过滤条件已经内置到 Searchs 无需额外代码处理
+        var isAdvanceSearch = false;
+        // 处理高级搜索
+        if (options.AdvanceSearchs.Any())
+        {
+            items = items.Where(options.AdvanceSearchs.GetFilterFunc<Foo>());
+            isAdvanceSearch = true;
+        }
+
+        // 处理 自定义 高级搜索 CustomerSearchModel 过滤条件
         if (options.CustomerSearchs.Any())
         {
             items = items.Where(options.CustomerSearchs.GetFilterFunc<Foo>());
+            isAdvanceSearch = true;
         }
 
         // 处理 Searchable=true 列与 SeachText 模糊搜索
@@ -146,7 +188,8 @@ public sealed partial class TablesSearch
             TotalCount = total,
             IsSorted = isSorted,
             IsFiltered = isFiltered,
-            IsSearch = options.CustomerSearchs.Any()
+            IsSearch = options.CustomerSearchs.Any(),
+            IsAdvanceSearch = isAdvanceSearch
         });
     }
 }