!3759 doc(#I6AJ3E): update the table component lookup demo

* update the table component lookup demo

Author: Lambert Lee

src/BootstrapBlazor.Shared/Demos/Table/Lookup/TableLookupNormal.razor

@@ -0,0 +1,37 @@
+@inject IStringLocalizer<Foo> Localizer
+
+<div>
+    @if (Items != null)
+    {
+        <Table TItem="Foo" Items="@Items.Take(3)">
+            <TableColumns>
+                <TableColumn @bind-Field="@context.DateTime" Width="180" />
+                <TableColumn @bind-Field="@context.Name" />
+                <TableColumn @bind-Field="@context.Complete" LookupServiceKey="Foo.Complete" />
+            </TableColumns>
+        </Table>
+    }
+</div>
+
+@code {
+    /// <summary>
+    /// Foo 类为Demo测试用，如有需要请自行下载源码查阅
+    /// Foo class is used for Demo test, please download the source code if necessary
+    /// https://gitee.com/LongbowEnterprise/BootstrapBlazor/blob/main/src/BootstrapBlazor.Shared/Data/Foo.cs
+    /// </summary>
+    [NotNull]
+    private List<Foo>? Items { get; set; }
+
+    /// <summary>
+    /// OnInitialized
+    /// </summary>
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+
+        await Task.Delay(200);
+        //获取随机数据
+        //Get random data
+        Items = Foo.GenerateFoo(Localizer);
+    }
+}

src/BootstrapBlazor.Shared/Locales/en.json

@@ -5501,13 +5501,13 @@
     "TableCellOnDoubleClickCellCurrentValue": "Current Value:"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesLookup": {
-    "Title": "Table Lookup",
-    "Desc": "Used to automatically convert foreign key columns to <code>Text</code> display text",
-    "LookupTitle": "Lookup external data source",
-    "LookupIntro": "Auto-translate display text by setting <code>Lookup</code>",
-    "LookupP1": "In this example, by setting the <code>Lookup</code> value of the <code>Complete</code> column to the value",
-    "LookupP2": "The component automatically converts <code>Complete</code> to a preset in the <code>DataSource</code> collection",
-    "LookupP3": "In this example, the <code>ILookupService</code> service is used for unified processing, and the <code>Lookup</code> data collection is obtained from the service by setting the <code>LookupServiceKey</code> value"
+    "TablesLookupTitle": "Table Lookup",
+    "TablesLookupDescription": "Used to automatically convert foreign key columns to <code>Text</code> display text",
+    "TableLookupNormalTitle": "Lookup external data source",
+    "TableLookupNormalIntro": "Auto-translate display text by setting <code>Lookup</code>",
+    "TableLookupNormalTips1": "In this example, by setting the <code>Lookup</code> value of the <code>Complete</code> column to the value",
+    "TableLookupNormalTips2": "The component automatically converts <code>Complete</code> to a preset in the <code>DataSource</code> collection",
+    "TableLookupNormalTips3": "In this example, the <code>ILookupService</code> service is used for unified processing, and the <code>Lookup</code> data collection is obtained from the service by setting the <code>LookupServiceKey</code> value"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesRow": {
     "Title": "Table Row",

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -5516,13 +5516,13 @@
     "TableCellOnDoubleClickCellCurrentValue": "当前值："
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesLookup": {
-    "Title": "Table 表格",
-    "Desc": "用于自动将外键列转换成 <code>Text</code> 显示文字",
-    "LookupTitle": "Lookup 外置数据源",
-    "LookupIntro": "通过设置 <code>Lookup</code> 自动翻译显示文字",
-    "LookupP1": "本例中通过设置 <code>Complete</code> 列 <code>Lookup</code> 值为",
-    "LookupP2": "组件自动将 <code>Complete</code> 转换为 <code>DataSource</code> 集合中的预设值",
-    "LookupP3": "本例中使用 <code>ILookupService</code> 服务进行统一处理，通过设置 <code>LookupServiceKey</code> 值，从服务中获取 <code>Lookup</code> 数据集合"
+    "TablesLookupTitle": "Table 表格",
+    "TablesLookupDescription": "用于自动将外键列转换成 <code>Text</code> 显示文字",
+    "TableLookupNormalTitle": "Lookup 外置数据源",
+    "TableLookupNormalIntro": "通过设置 <code>Lookup</code> 自动翻译显示文字",
+    "TableLookupNormalTips1": "本例中通过设置 <code>Complete</code> 列 <code>Lookup</code> 值为",
+    "TableLookupNormalTips2": "组件自动将 <code>Complete</code> 转换为 <code>DataSource</code> 集合中的预设值",
+    "TableLookupNormalTips3": "本例中使用 <code>ILookupService</code> 服务进行统一处理，通过设置 <code>LookupServiceKey</code> 值，从服务中获取 <code>Lookup</code> 数据集合"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesRow": {
     "Title": "Table 表格",

src/BootstrapBlazor.Shared/Samples/Table/TablesLookup.razor

@@ -1,26 +1,18 @@
 @page "/tables/lookup"
+@inject IStringLocalizer<Foo> Localizer
+@inject IStringLocalizer<TablesLookup> LookupLocalizer
 
-<h3>@LookupLocalizer["Title"]</h3>
+<h3>@LookupLocalizer["TablesLookupTitle"]</h3>
 
-<h4>@((MarkupString)LookupLocalizer["Desc"].Value)</h4>
+<h4>@((MarkupString)LookupLocalizer["TablesLookupDescription"].Value)</h4>
 
-<DemoBlock Title="@LookupLocalizer["LookupTitle"]" Introduction="@LookupLocalizer["LookupIntro"]" Name="Lookup">
-    <p>@((MarkupString)LookupLocalizer["LookupP1"].Value)</p>
+<DemoBlock Title="@LookupLocalizer["TableLookupNormalTitle"]" Introduction="@LookupLocalizer["TableLookupNormalIntro"]" Name="Lookup" Demo="typeof(Demos.Table.Lookup.TableLookupNormal)">
+    <p>@((MarkupString)LookupLocalizer["TableLookupNormalTips1"].Value)</p>
     <Pre>DataSource = new List&lt;SelectedItem&gt;
 {
     new SelectedItem { Value = "True", Text = @Localizer["True"].Value },
     new SelectedItem { Value = "False", Text = @Localizer["False"].Value }
 };</Pre>
-    <p>@((MarkupString)LookupLocalizer["LookupP2"].Value)</p>
-    <p>@((MarkupString)LookupLocalizer["LookupP3"].Value)</p>
-    @if (Items != null)
-    {
-        <Table TItem="Foo" Items="@Items.Take(3)">
-            <TableColumns>
-                <TableColumn @bind-Field="@context.DateTime" Width="180" />
-                <TableColumn @bind-Field="@context.Name" />
-                <TableColumn @bind-Field="@context.Complete" LookupServiceKey="Foo.Complete" />
-            </TableColumns>
-        </Table>
-    }
+    <p>@((MarkupString)LookupLocalizer["TableLookupNormalTips2"].Value)</p>
+    <p>@((MarkupString)LookupLocalizer["TableLookupNormalTips3"].Value)</p>
 </DemoBlock>