!2290 doc(#I4PPRR): update sample code for table footer

* doc: 更新 Footer 示例
This commit is contained in:
Argo 2022-01-06 11:17:37 +00:00
parent 22d74bbefb
commit b0cbe1da84
2 changed files with 9 additions and 2 deletions

View File

@ -362,6 +362,13 @@ public partial class Tables
ValueList = "true / false / null", ValueList = "true / false / null",
DefaultValue = "null" DefaultValue = "null"
}, },
new() {
Name = nameof(Table<Foo>.IsHideFooterWhenNoData),
Description = "无数据时是否显示 Footer",
Type = "boolean",
ValueList = "true / false",
DefaultValue = "false"
},
new() { new() {
Name = "ClickToSelect", Name = "ClickToSelect",
Description = "点击行即选中本行", Description = "点击行即选中本行",

View File

@ -4,7 +4,7 @@
<h4>用于数据统计</h4> <h4>用于数据统计</h4>
<DemoBlock Title="数据统计示例" Introduction="设置 <code>ShowFooter=true</code> 显示 <code>Footer</code> 自定义合计功能" Name="Statistics"> <DemoBlock Title="数据统计示例" Introduction="设置 <code>ShowFooter=true</code> 显示 <code>Footer</code> 自定义合计功能" Name="Statistics">
<p><code>Table</code> 组件有 <code>TableFooter</code> 模板,其数据上下文为 <code>Table</code> 组件的数据集合 <code>IEnumerable&lt;TItem&gt;</code></p> <p><code>Table</code> 组件有 <code>TableFooter</code> 模板,其数据上下文为 <code>Table</code> 组件的数据集合 <code>IEnumerable&lt;TItem&gt;</code></p>
<p><code>TableFooter</code> 模板中关联的上下文 <code>context</code> 值为当页数据集合</p> <p><code>TableFooter</code> 模板中关联的上下文 <code>context</code> 值为当页数据集合</p>
<p><code>TableFooter</code> 模板内可以自定义单元格 <code>td</code> 内容,也可以使用内置的 <code>TableFooterCell</code> 组件进行数据显示</p> <p><code>TableFooter</code> 模板内可以自定义单元格 <code>td</code> 内容,也可以使用内置的 <code>TableFooterCell</code> 组件进行数据显示</p>
@ -36,7 +36,7 @@
</DemoBlock> </DemoBlock>
<DemoBlock Title="Footer 模板" Introduction="设置 <code>FooterTemplate</code> 自定义表格底部显示内容" Name="FooterTemplate"> <DemoBlock Title="Footer 模板" Introduction="设置 <code>FooterTemplate</code> 自定义表格底部显示内容" Name="FooterTemplate">
<p><code>FooterTemplate</code> 组件有 <code>TableFooter</code> 模板,其数据上下文为 <code>Table</code> 组件的数据集合 <code>IEnumerable&lt;TItem&gt;</code></p> <p>无数据时默认显示 <code>Footer</code> 可通过设置 <code>@nameof(Table<Foo>.IsHideFooterWhenNoData)</code> 参数隐藏 <code>Footer</code></p>
<Table TItem="Foo" ShowFooter="true" class="footer-demo" <Table TItem="Foo" ShowFooter="true" class="footer-demo"
IsPagination="true" PageItemsSource="@PageItemsSource" OnQueryAsync="@OnQueryAsync"> IsPagination="true" PageItemsSource="@PageItemsSource" OnQueryAsync="@OnQueryAsync">
<TableColumns> <TableColumns>