Skip to content

Commit 89acf51

Browse files
Lambert LeeArgoZhang
Lambert Lee
authored and
ArgoZhang
committed
!3746 doc(#I69VD0): update fileviewer demos
* reformat code * update fileviewer demos
1 parent a85f81e commit 89acf51

5 files changed

Lines changed: 111 additions & 85 deletions

File tree

‎src/BootstrapBlazor.Server/wwwroot/samples/sample3.xlsx‎

4 Bytes
Binary file not shown.

‎src/BootstrapBlazor.Shared/Demos/FileViewer/FileViewerNormal.razor‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
2+
3+
<div>
4+
<p><h5>Word</h5></p>
5+
<FileViewer Filename="@WordSampleFile" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
6+
<br />
7+
<p><h5>Excel</h5></p>
8+
<FileViewer Filename="@ExcelSampleFile" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
9+
</div>
10+
11+
@code {
12+
[NotNull]
13+
private string? WordSampleFile { get; set; }
14+
15+
[NotNull]
16+
private string? ExcelSampleFile { get; set; }
17+
18+
/// <summary>
19+
/// OnInitialized
20+
/// </summary>
21+
protected override void OnInitialized()
22+
{
23+
WordSampleFile = CombineFilename("sample.docx");
24+
ExcelSampleFile = CombineFilename("sample.xlsx");
25+
}
26+
27+
/// <summary>
28+
/// CombineFilename
29+
/// </summary>
30+
/// <param name="filename"></param>
31+
/// <returns></returns>
32+
private string CombineFilename(string filename)
33+
{
34+
#if DEBUG
35+
filename = Path.Combine(WebsiteOption.CurrentValue.WebRootPath, "samples", filename);
36+
#else
37+
filename = Path.Combine(WebsiteOption.CurrentValue.ContentRootPath, "wwwroot", "samples", filename);
38+
#endif
39+
return filename;
40+
}
41+
}

‎src/BootstrapBlazor.Shared/Demos/FileViewer/FileViewerReload.razor‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
@inject IOptionsMonitor<WebsiteOptions> WebsiteOption
2+
3+
<div>
4+
<div class="row g-3">
5+
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
6+
<Dropdown TValue="string" Items="Items" OnSelectedItemChanged="@ChangeURL" />
7+
</div>
8+
<div class="col-6 col-sm-4 col-md-3 col-xl-5">
9+
<BootstrapInput @bind-Value="@Url" />
10+
</div>
11+
<div class="col-6 col-sm-4 col-md-3 col-xl-auto">
12+
<Button Color="Color.Primary" OnClick="Apply">加载</Button>
13+
</div>
14+
</div>
15+
16+
<FileViewer @ref="fileViewer" Filename="@CombineFilename(Url)" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
17+
</div>
18+
19+
@code {
20+
[NotNull]
21+
private string? Url { get; set; }
22+
23+
[NotNull]
24+
private FileViewer? fileViewer { get; set; }
25+
26+
[NotNull]
27+
private List<SelectedItem>? Items { get; set; }
28+
29+
private List<string> FileList { get; } = new List<string>();
30+
/// <summary>
31+
/// OnInitialized
32+
/// </summary>
33+
protected override void OnInitialized()
34+
{
35+
FileList.Add("sample.xlsx");
36+
FileList.Add("sample2.xlsx");
37+
FileList.Add("sample3.xlsx");
38+
FileList.Add("sample2.docx");
39+
FileList.Add("sample.docx");
40+
Url = FileList[0];
41+
42+
Items = FileList.Select(i => new SelectedItem(i, i)).ToList();
43+
}
44+
45+
private string CombineFilename(string filename)
46+
{
47+
#if DEBUG
48+
filename = Path.Combine(WebsiteOption.CurrentValue.WebRootPath, "samples", filename);
49+
#else
50+
filename = Path.Combine(WebsiteOption.CurrentValue.ContentRootPath, "wwwroot", "samples", filename);
51+
#endif
52+
return filename;
53+
}
54+
55+
private async Task ChangeURL(SelectedItem e)
56+
{
57+
Url = e.Value;
58+
StateHasChanged();
59+
await fileViewer.Reload(CombineFilename(e.Value));
60+
}
61+
62+
private async Task Apply()
63+
{
64+
await fileViewer.Reload(CombineFilename(Url));
65+
}
66+
}

‎src/BootstrapBlazor.Shared/Samples/FileViewers.razor‎

Lines changed: 2 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,29 +10,9 @@
1010
<p>@((MarkupString)Localizer["Tips"].Value)</p>
1111
</Tips>
1212

13-
<DemoBlock Title="@Localizer["BaseUsageText"]" Introduction="@Localizer["BaseUsageIntro"]" Name="Nomal">
14-
<p><h5>Word</h5></p>
15-
<FileViewer Filename="@WordSampleFile" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
16-
<br />
17-
<p><h5>Excel</h5></p>
18-
<FileViewer Filename="@ExcelSampleFile" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
19-
</DemoBlock>
13+
<DemoBlock Title="@Localizer["BaseUsageText"]" Introduction="@Localizer["BaseUsageIntro"]" Name="Nomal" Demo="typeof(Demos.FileViewer.FileViewerNormal)"/>
2014

21-
<DemoBlock Title="@Localizer["BaseUsageText2"]" Introduction="@Localizer["BaseUsageIntro2"]" Name="Reload">
22-
<div class="row g-3">
23-
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
24-
<Dropdown TValue="string" Items="Items" OnSelectedItemChanged="@ChangeURL" />
25-
</div>
26-
<div class="col-6 col-sm-4 col-md-3 col-xl-5">
27-
<BootstrapInput @bind-Value="@Url" />
28-
</div>
29-
<div class="col-6 col-sm-4 col-md-3 col-xl-auto">
30-
<Button Color="Color.Primary" OnClick="Apply">加载</Button>
31-
</div>
32-
</div>
33-
34-
<FileViewer @ref="fileViewer" Filename="@CombineFilename(Url)" Height="300px" StyleString="padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);border: var(--bs-card-border-width) solid var(--bs-card-border-color);" />
35-
</DemoBlock>
15+
<DemoBlock Title="@Localizer["BaseUsageText2"]" Introduction="@Localizer["BaseUsageIntro2"]" Name="Reload" Demo="typeof(Demos.FileViewer.FileViewerReload)" />
3616

3717
<AttributeTable Items="@GetAttributes()" />
3818

‎src/BootstrapBlazor.Shared/Samples/FileViewers.razor.cs‎

Lines changed: 2 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -7,73 +7,12 @@
77
namespace BootstrapBlazor.Shared.Samples;
88

99
/// <summary>
10-
///
10+
/// FileViewers
1111
/// </summary>
1212
public partial class FileViewers
1313
{
14-
[Inject]
15-
[NotNull]
16-
private IOptionsMonitor<WebsiteOptions>? WebsiteOption { get; set; }
17-
18-
[NotNull]
19-
private FileViewer? fileViewer { get; set; }
20-
21-
[NotNull]
22-
private string? WordSampleFile { get; set; }
23-
24-
[NotNull]
25-
private string? ExcelSampleFile { get; set; }
26-
27-
[NotNull]
28-
private string? Url { get; set; }
29-
30-
private List<string> FileList { get; } = new();
31-
32-
[NotNull]
33-
private List<SelectedItem>? Items { get; set; }
34-
35-
/// <summary>
36-
/// OnInitialized 方法
37-
/// </summary>
38-
protected override void OnInitialized()
39-
{
40-
WordSampleFile = CombineFilename("sample.docx");
41-
ExcelSampleFile = CombineFilename("sample.xlsx");
42-
43-
FileList.Add("sample3.xlsx");
44-
FileList.Add("sample2.xlsx");
45-
FileList.Add("sample.xlsx");
46-
FileList.Add("sample2.docx");
47-
FileList.Add("sample.docx");
48-
Url = FileList[0];
49-
50-
Items = FileList.Select(i => new SelectedItem(i, i)).ToList();
51-
}
52-
53-
private string CombineFilename(string filename)
54-
{
55-
#if DEBUG
56-
filename = Path.Combine(WebsiteOption.CurrentValue.WebRootPath, "samples", filename);
57-
#else
58-
filename = Path.Combine(WebsiteOption.CurrentValue.ContentRootPath, "wwwroot", "samples", filename);
59-
#endif
60-
return filename;
61-
}
62-
63-
private async Task ChangeURL(SelectedItem e)
64-
{
65-
Url = e.Value;
66-
StateHasChanged();
67-
await fileViewer.Reload(CombineFilename(e.Value));
68-
}
69-
70-
private async Task Apply()
71-
{
72-
await fileViewer.Reload(CombineFilename(Url));
73-
}
74-
7514
/// <summary>
76-
/// 获得属性方法
15+
/// GetAttributes
7716
/// </summary>
7817
/// <returns></returns>
7918
private IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]

0 commit comments

Comments
 (0)