Skip to content

doc(Table): update dyanmic datatable sample #8103

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ArgoZhang merged 11 commits into from
Jun 11, 2026
Merged

doc(Table): update dyanmic datatable sample #8103

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
6be1e5d
refactor: 重构代码消除提示信息
ArgoZhang Jun 10, 2026
118f632
refactor: 重构代码
ArgoZhang Jun 10, 2026
0ea9c97
Merge branch 'main' into doc-dynamic-table
ArgoZhang Jun 10, 2026
76ad7eb
doc: 重构示例代码
ArgoZhang Jun 10, 2026
dad55f3
doc: 增加多语言
ArgoZhang Jun 10, 2026
4897c4a
refactor: 重构代码
ArgoZhang Jun 10, 2026
a44d194
doc: 更新示例
ArgoZhang Jun 10, 2026
56c1028
Merge branch 'main' into doc-dynamic-table
ArgoZhang Jun 11, 2026
c75db36
chore: 更新文档
ArgoZhang Jun 11, 2026
1c6f147
refactor: 更改变量
ArgoZhang Jun 11, 2026
02dfa28
test: 更新单元测试
ArgoZhang Jun 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 42 additions & 10 deletions src/BootstrapBlazor.Server/Components/Samples/Table/TablesDynamic.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,21 +7,49 @@

<h4>@Localizer["TablesDynamicDescription"]</h4>

<p class="code-label">@Localizer["TablesDynamicNoteTitle"]</p>
<p>@((MarkupString)Localizer["TablesDynamicNoteP1"].Value)</p>
<p>@((MarkupString)Localizer["TablesDynamicNoteP2"].Value)</p>
<p>@((MarkupString)Localizer["TablesDynamicNoteP3"].Value)</p>
<Pre>private void CreatePageDataContext()
{
_dataTableDynamicContext4 = new DataTableDynamicContext(_pageDataTable, (context, col) =>
{
var propertyName = col.GetFieldName();
})
{
UseCache = false
};
}

private void UpdatePageDataContext()
{
var table = _dataTableDynamicContext4!.DataTable;
table.Rows.Clear();

foreach (var f in _pageData.Skip((_pageIndex - 1) * _pageItems).Take(_pageItems).ToList())
{
table.Rows.Add(f.Id, f.DateTime, f.Name, f.Count);
}

table.AcceptChanges();
}</Pre>

<DemoBlock Title="@Localizer["TablesDynamicDataTableTitle"]"
Introduction="@Localizer["TablesDynamicDataTableIntro"]"
Name="DataTable">
<Table TItem="DynamicObject" DynamicContext="DataTableDynamicContext" IsFixedHeader="true" Height="300" />
<Table TItem="DynamicObject" DynamicContext="_dataTableDynamicContext1" IsFixedHeader="true" Height="300"></Table>
</DemoBlock>

<DemoBlock Title="@Localizer["TablesDynamicEditTitle"]"
Introduction="@Localizer["TablesDynamicEditIntro"]"
Name="Edit">
<section ignore>@((MarkupString)Localizer["TablesDynamicEditDescription"].Value)</section>
<Table TItem="DynamicObject" DynamicContext="DataTableDynamicContext" ModelEqualityComparer="ModelEqualityComparer"
IsMultipleSelect="true" IsBordered="true" IsStriped="true" @bind-SelectedRows="SelectedItems" IsKeepSelectedRowAfterAdd="true"
ShowToolbar="true" ShowExtendButtons="true" />
<Table TItem="DynamicObject" DynamicContext="_dataTableDynamicContext2" ModelEqualityComparer="ModelEqualityComparer"
IsMultipleSelect="true" IsBordered="true" IsStriped="true" @bind-SelectedRows="_selectedItems" IsKeepSelectedRowAfterAdd="true"
ShowToolbar="true" ShowExtendButtons="true"></Table>
<div class="mt-3">
@foreach (var item in SelectedItems)
@foreach (var item in _selectedItems)
{
<div>@item.GetValue(nameof(Foo.Name))</div>
}
Expand All @@ -31,19 +59,23 @@
<DemoBlock Title="@Localizer["TablesDynamicDynamicColTitle"]"
Introduction="@Localizer["TablesDynamicDynamicColIntro"]"
Name="DynamicCol">
<Table TItem="DynamicObject" DynamicContext="DataTableDynamicContext" ModelEqualityComparer="ModelEqualityComparer"
<Table TItem="DynamicObject" DynamicContext="_dataTableDynamicContext3" ModelEqualityComparer="ModelEqualityComparer"
IsMultipleSelect="true" IsBordered="true" IsStriped="true"
ShowToolbar="true" ShowExtendButtons="true">
<TableToolbarTemplate>
<TableToolbarButton Color="Color.Info" Icon="fa-fw fa-solid fa-circle-plus" Text="@ButtonAddColumnText" OnClick="OnAddColumn" />
<TableToolbarButton Color="Color.Secondary" Icon="fa-fw fa-solid fa-circle-minus" Text="@ButtonRemoveColumnText" OnClick="OnRemoveColumn" />
<TableToolbarButton Color="Color.Info" Icon="fa-fw fa-solid fa-circle-plus" Text="@_buttonAddColumnText"
OnClick="@OnAddColumn">
</TableToolbarButton>
<TableToolbarButton Color="Color.Secondary" Icon="fa-fw fa-solid fa-circle-minus" Text="@_buttonRemoveColumnText"
OnClick="@OnRemoveColumn">
</TableToolbarButton>
</TableToolbarTemplate>
</Table>
</DemoBlock>

<DemoBlock Title="@Localizer["TablesDynamicPageTitle"]"
Introduction="@Localizer["TablesDynamicPageIntro"]"
Name="Pagination">
<Table TItem="DynamicObject" DynamicContext="DataTablePageDynamicContext" />
<Pagination PageCount="@PageCount" PageIndex="@PageIndex" OnPageLinkClick="@OnPageLinkClick" class="mt-3" />
<Table TItem="DynamicObject" DynamicContext="_dataTableDynamicContext4"></Table>
<Pagination PageCount="@_pageCount" PageIndex="@_pageIndex" OnPageLinkClick="@OnPageLinkClick" class="mt-3"></Pagination>
</DemoBlock>
Loading
Loading