!3776 doc(#I6B4RV): update TablesTracking demo

* update TablesTracking demo

Author: Lambert Lee

src/BootstrapBlazor.Shared/Demos/Table/TablesTracking/TablesTrackingNormal.razor

@@ -0,0 +1,34 @@
+<div>
+    <Table TItem="Foo" IsTracking="true" @bind-Items="Items" ShowToastAfterSaveOrDeleteModel="false"
+           IsBordered="true" IsMultipleSelect="true" ShowToolbar="true" ShowExtendButtons="true">
+        <TableColumns>
+            <TableColumn @bind-Field="@context.DateTime" Width="180" />
+            <TableColumn @bind-Field="@context.Name" />
+            <TableColumn @bind-Field="@context.Address" />
+        </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 IEnumerable<Foo>? Items { get; set; }
+
+    [Inject]
+    [NotNull]
+    private IStringLocalizer<Foo>? LocalizerFoo { get; set; }
+
+    /// <summary>
+    /// OnInitialized 方法
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+
+        Items = Foo.GenerateFoo(LocalizerFoo, 4);
+    }
+}

src/BootstrapBlazor.Shared/Locales/en.json

@@ -5396,12 +5396,12 @@
     "TablesWrapCustomCellTemplate_Time": "time"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesTracking": {
-    "H1": "Table table",
-    "H2": "Applicable to application scenarios where parent and child tables are submitted together",
-    "P1": "tracking mode",
-    "P2": "Set <code>IsTracking</code> with <code>Items</code> without setting <code>OnSaveAsync</code> and other callback methods",
-    "P3": "The prompt information of the <b>Save</b> <b>Delete</b> button can be turned off by setting <code>ShowToastAfterSaveOrDeleteModel='false'</code>",
-    "P4": "All data editing in this mode edits the original data and updates the data source through <code>bind-Items</code>, so no <b>Cancel</b> button is provided"
+    "TablesTrackingTitle": "Table table",
+    "TablesTrackingDescription": "Applicable to application scenarios where parent and child tables are submitted together",
+    "TablesTrackingNormalTitle": "tracking mode",
+    "TablesTrackingNormalIntro": "Set <code>IsTracking</code> with <code>Items</code> without setting <code>OnSaveAsync</code> and other callback methods",
+    "TablesTrackingNormaltips1": "The prompt information of the <b>Save</b> <b>Delete</b> button can be turned off by setting <code>ShowToastAfterSaveOrDeleteModel='false'</code>",
+    "TablesTrackingNormaltips2": "All data editing in this mode edits the original data and updates the data source through <code>bind-Items</code>, so no <b>Cancel</b> button is provided"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesFooter": {
     "H1": "Table Footer",

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -5426,12 +5426,12 @@
     "TablesWrapCustomCellTemplate_Time": "时间"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesTracking": {
-    "H1": "Table 表格",
-    "H2": "适用于父子表一起提交的应用场景",
-    "P1": "跟踪模式",
-    "P2": "设置 <code>IsTracking</code> 配合 <code>Items</code> 可以不需要设置 <code>OnSaveAsync</code> 等回调方法",
-    "P3": "可通过设置 <code>ShowToastAfterSaveOrDeleteModel='false'</code> 关闭 <b>保存</b> <b>删除</b> 按钮的提示信息",
-    "P4": "此模式下所有数据编辑均编辑原始数据，通过 <code>bind-Items</code> 更新数据源，所以不提供 <b>取消</b> 按钮"
+    "TablesTrackingTitle": "Table 表格",
+    "TablesTrackingDescription": "适用于父子表一起提交的应用场景",
+    "TablesTrackingNormalTitle": "跟踪模式",
+    "TablesTrackingNormalIntro": "设置 <code>IsTracking</code> 配合 <code>Items</code> 可以不需要设置 <code>OnSaveAsync</code> 等回调方法",
+    "TablesTrackingNormaltips1": "可通过设置 <code>ShowToastAfterSaveOrDeleteModel='false'</code> 关闭 <b>保存</b> <b>删除</b> 按钮的提示信息",
+    "TablesTrackingNormaltips2": "此模式下所有数据编辑均编辑原始数据，通过 <code>bind-Items</code> 更新数据源，所以不提供 <b>取消</b> 按钮"
   },
   "BootstrapBlazor.Shared.Samples.Table.TablesAutoRefresh": {
     "TablesAutoRefreshTitle": "自动刷新表格功能",

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

@@ -1,17 +1,13 @@
 @page "/tables/tracking"
+@inject IStringLocalizer<TablesTracking> Localizer
 
-<h3>@Localizer["H1"]</h3>
-<h4>@Localizer["H2"]</h4>
+<h3>@Localizer["TablesTrackingTitle"]</h3>
+<h4>@Localizer["TablesTrackingDescription"]</h4>
 
-<DemoBlock Title="@Localizer["P1"]" Introduction="@Localizer["P2"]" Name="IsTracking">
-    <p>@((MarkupString)Localizer["P3"].Value)</p>
-    <p>@((MarkupString)Localizer["P4"].Value)</p>
-    <Table TItem="Foo" IsTracking="true" @bind-Items="Items" ShowToastAfterSaveOrDeleteModel="false"
-           IsBordered="true" IsMultipleSelect="true" ShowToolbar="true" ShowExtendButtons="true">
-        <TableColumns>
-            <TableColumn @bind-Field="@context.DateTime" Width="180" />
-            <TableColumn @bind-Field="@context.Name" />
-            <TableColumn @bind-Field="@context.Address" />
-        </TableColumns>
-    </Table>
+<DemoBlock Title="@Localizer["TablesTrackingNormalTitle"]"
+           Introduction="@Localizer["TablesTrackingNormalIntro"]"
+           Name="Normal"
+           Demo="typeof(Demos.Table.TablesTracking.TablesTrackingNormal)">
+    <p>@((MarkupString)Localizer["TablesTrackingNormaltips1"].Value)</p>
+    <p>@((MarkupString)Localizer["TablesTrackingNormaltips2"].Value)</p>
 </DemoBlock>