Skip to content

Commit 041ae59

Browse files
ArgoZhangArgoZhang
committed
doc: 更新示例
1 parent 00db538 commit 041ae59

File tree

2 files changed

+26
-81
lines changed

2 files changed

+26
-81
lines changed

‎src/BootstrapBlazor.Server/Components/Samples/Tabs.razor‎

Lines changed: 19 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,7 @@ private void Navigation()
190190
<button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Left)">Left</button>
191191
</div>
192192
</p>
193-
<Tab Placement="@BindPlacement" Height="200">
193+
<Tab Placement="@_bindPlacement" Height="200">
194194
<TabItem Text="@Localizer["TabItem1Text"]">
195195
<div>@Localizer["TabItem1Content"]</div>
196196
</TabItem>
@@ -211,7 +211,7 @@ private void Navigation()
211211
</TabItem>
212212
</Tab>
213213
<Divider Text="@Localizer["DividerText"]"></Divider>
214-
<Tab Placement="@BindPlacement" IsCard="true" Height="200">
214+
<Tab Placement="@_bindPlacement" IsCard="true" Height="200">
215215
<TabItem Text="@Localizer["TabItem1Text"]">
216216
<div>@Localizer["TabItem1Content"]</div>
217217
</TabItem>
@@ -232,7 +232,7 @@ private void Navigation()
232232
</TabItem>
233233
</Tab>
234234
<Divider Text="@Localizer["DividerText"]"></Divider>
235-
<Tab Placement="@BindPlacement" IsBorderCard="true" Height="200">
235+
<Tab Placement="@_bindPlacement" IsBorderCard="true" Height="200">
236236
<TabItem Text="@Localizer["TabItem1Text"]">
237237
<div>@Localizer["TabItem1Content"]</div>
238238
</TabItem>
@@ -339,7 +339,7 @@ private void Navigation()
339339
</button>
340340
</section>
341341

342-
<Tab ShowExtendButtons="ShowButtons" ShowClose="true" @ref="TabSetApp" class="mt-3">
342+
<Tab ShowExtendButtons="true" ShowClose="true" @ref="TabSetApp" class="mt-3">
343343
<TabItem Text="@Localizer["TabItem1Text"]" Closable="false">
344344
<div>@Localizer["TabItem1Content"]</div>
345345
</TabItem>
@@ -497,30 +497,21 @@ private void Navigation()
497497
</DemoBlock>
498498

499499
<DemoBlock Title="@Localizer["TabsContextMenuTitle"]" Introduction="@Localizer["TabsContextMenuIntro"]" Name="ContextMenu">
500-
<ContextMenuZone>
501-
<Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" @ref="_tab">
502-
<TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
503-
<div>@Localizer["TabItem1Content"]</div>
504-
<Counter></Counter>
505-
</TabItem>
506-
<TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
507-
<div>@Localizer["TabItem2Content"]</div>
508-
</TabItem>
509-
<TabItem Text="@Localizer["TabItem3Text"]" Icon="fa-solid fa-sitemap">
510-
<div>@Localizer["TabItem3Content"]</div>
511-
</TabItem>
512-
<TabItem Text="@Localizer["TabItem4Text"]" Icon="fa-solid fa-building-columns">
513-
<div>@Localizer["TabItem4Content"]</div>
514-
</TabItem>
515-
</Tab>
516-
<ContextMenu>
517-
<ContextMenuItem Icon="fa-fw fa-solid fa-rotate-right" Text="@Localizer["ContextRefresh"]" OnClick="OnRefrsh"></ContextMenuItem>
518-
<ContextMenuDivider></ContextMenuDivider>
519-
<ContextMenuItem Icon="fa-fw fa-solid fa-xmark" Text="@Localizer["ContextClose"]" OnClick="OnClose"></ContextMenuItem>
520-
<ContextMenuItem Icon="fa-fw fa-solid fa-left-right" Text="@Localizer["ContextCloseOther"]" OnClick="OnCloseOther"></ContextMenuItem>
521-
<ContextMenuItem Icon="fa-fw fa-solid fa-arrows-left-right-to-line" Text="@Localizer["ContextCloseAll"]" OnClick="OnCloseAll"></ContextMenuItem>
522-
</ContextMenu>
523-
</ContextMenuZone>
500+
<Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" ShowContextMenu="true">
501+
<TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
502+
<div>@Localizer["TabItem1Content"]</div>
503+
<Counter></Counter>
504+
</TabItem>
505+
<TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
506+
<div>@Localizer["TabItem2Content"]</div>
507+
</TabItem>
508+
<TabItem Text="@Localizer["TabItem3Text"]" Icon="fa-solid fa-sitemap">
509+
<div>@Localizer["TabItem3Content"]</div>
510+
</TabItem>
511+
<TabItem Text="@Localizer["TabItem4Text"]" Icon="fa-solid fa-building-columns">
512+
<div>@Localizer["TabItem4Content"]</div>
513+
</TabItem>
514+
</Tab>
524515
</DemoBlock>
525516

526517
<AttributeTable Items="@GetAttributes()" Title="@Localizer["AttTitle"]" />

‎src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs‎

Lines changed: 7 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ public sealed partial class Tabs
1313
[NotNull]
1414
private Tab? TabSet { get; set; }
1515

16-
private Placement BindPlacement = Placement.Top;
16+
private Placement _bindPlacement = Placement.Top;
1717

1818
private bool RemoveEnabled => (TabSet?.Items.Count() ?? 4) < 4;
1919

@@ -39,7 +39,7 @@ public sealed partial class Tabs
3939

4040
private void SetPlacement(Placement placement)
4141
{
42-
BindPlacement = placement;
42+
_bindPlacement = placement;
4343
}
4444

4545
private Task AddTab(Tab tabset)
@@ -77,26 +77,21 @@ private static async Task RemoveTab(Tab tabset)
7777
private void OnToggleDisable()
7878
{
7979
Disabled = !Disabled;
80-
8180
DisableText = Disabled ? "Enable" : "Disable";
8281
}
8382

8483
/// <summary>
85-
/// OnAfterRenderAsync
84+
/// <inheritdoc/>
8685
/// </summary>
8786
/// <param name="firstRender"></param>
88-
/// <returns></returns>
89-
protected override async Task OnAfterRenderAsync(bool firstRender)
87+
protected override void OnAfterRender(bool firstRender)
9088
{
9189
if (firstRender)
9290
{
93-
var menuItem = TabMenu?.Items.FirstOrDefault();
94-
if (menuItem != null)
91+
var menuItem = TabMenu.Items.FirstOrDefault();
92+
if (menuItem != null && TabMenu.OnClick is not null)
9593
{
96-
await InvokeAsync(() =>
97-
{
98-
var _ = TabMenu?.OnClick?.Invoke(menuItem);
99-
});
94+
TabMenu.OnClick(menuItem);
10095
}
10196
}
10297
}
@@ -123,11 +118,6 @@ private void AddTabItem(string text) => TabSetMenu.AddTab(new Dictionary<string,
123118
[nameof(TabItem.ChildContent)] = text == Localizer["BackText1"] ? BootstrapDynamicComponent.CreateComponent<Counter>().Render() : BootstrapDynamicComponent.CreateComponent<FetchData>().Render()
124119
});
125120

126-
private void OnClick()
127-
{
128-
ShowButtons = !ShowButtons;
129-
}
130-
131121
private async Task RemoveTab()
132122
{
133123
if (TabSetApp.Items.Count() > 4)
@@ -171,42 +161,6 @@ private Task OnSetTitle(string text)
171161
return Task.CompletedTask;
172162
}
173163

174-
[NotNull]
175-
private Tab? _tab = null;
176-
177-
private Task OnRefrsh(ContextMenuItem item, object? context)
178-
{
179-
if (context is TabItem tabItem)
180-
{
181-
_tab.Refresh(tabItem);
182-
}
183-
return Task.CompletedTask;
184-
}
185-
186-
private async Task OnClose(ContextMenuItem item, object? context)
187-
{
188-
if (context is TabItem tabItem)
189-
{
190-
await _tab.RemoveTab(tabItem);
191-
}
192-
}
193-
194-
private Task OnCloseOther(ContextMenuItem item, object? context)
195-
{
196-
if (context is TabItem tabItem)
197-
{
198-
_tab.ActiveTab(tabItem);
199-
}
200-
_tab.CloseOtherTabs();
201-
return Task.CompletedTask;
202-
}
203-
204-
private Task OnCloseAll(ContextMenuItem item, object? context)
205-
{
206-
_tab.CloseAllTabs();
207-
return Task.CompletedTask;
208-
}
209-
210164
/// <summary>
211165
/// 获得属性方法
212166
/// </summary>

0 commit comments

Comments
 (0)