小编ZKS*_*ZKS的帖子

Blazor 输入文件组件(文件上传)

我面临一个与用于文件上传的 Blazor 输入文件组件相关的小问题。

来源 - https://github.com/SteveSandersonMS/BlazorInputFile

Component Call - 
  <div class="form-control">
       <InputFile OnChange="HandleFileSelected" />
  </div>
Run Code Online (Sandbox Code Playgroud)

我能够使用此组件成功上传和删除文件。当我上传文件时,文件名显示在组件旁边,如下面的屏幕截图所示。

在此输入图像描述

当我删除文件时,文件已成功删除,但文件名仍然显示在组件旁边。

我希望删除文件后应删除文件名。我尝试了几个选项,但没有运气示例 StateHasChanged();

是否可以只刷新特定组件?如何 ?

有人可以帮忙解决这个问题吗?(我不想使用javascript来实现解决方案)

file-upload asp.net-core blazor blazored blazorinputfile

7
推荐指数
1
解决办法
3万
查看次数

Blazor 按钮 Onclick 功能提交表单

我在 Blazor 上工作时遇到了奇怪的问题。我有一个用于创建和编辑记录的表单,在同一个表单上我有包含行和列的表格。在其中一列中,我正在渲染删除按钮,如屏幕截图所示。当我单击删除按钮时,它会显示用于确认的模式框。

在此处输入图片说明 代码 : <td><button @onclick="(() => ExecuteDelete(file.fileName))">x</button></td>

当我点击这个按钮时,确认模态框被打开,但是在幕后它正在提交表单并且表单上出现验证消息。我有单独的按钮用于提交表单。

这种行为正确吗??如何防止这种情况。

任何人都可以帮助解决这个问题。

谢谢

modal-dialog form-submit buttonclick asp.net-core blazor

6
推荐指数
1
解决办法
2148
查看次数

Blazor 在组件之间传递 List&lt;T&gt;

我的代码有问题,我的页面布局如下。我正在与数据库通信以获取主要内容的数据。这是List<SomeClass>我从数据库中获取的。现在我希望List<SomeClass>RightContent 也可以使用相同的内容。两个组件都是自定义的并且具有不同的布局,但可以共享相同的 List 而不是两次调用相同的调用。(序列是 MainContent Initialized() 方法首先被调用)

我创建了一个具有以下属性的服务类 AppDataService。也添加到IServiceCollection services启动中。

public List<SomeClass> sharedListOfSomeClass = new List<SomeClass>();
Run Code Online (Sandbox Code Playgroud)

在 MainContent 中,我正在注入 AppDataService 并为 sharedListOfSomeClass 分配数据库值。现在,如果我在正确的内容中注入 AppDataService 并尝试访问 sharedListOfSomeClass 我得到它为空。

我知道我在这里缺少绑定,因为这两个组件在 html 方面都不同,并且无法将其绑定到任何 html 标签。

任何人都可以帮助我实现这一目标。我想为这两个组件对数据库进行一次调用。

在此处输入图片说明

binding components data-sharing asp.net-core blazor

5
推荐指数
2
解决办法
2237
查看次数

Blazor 组件分页

我正在开发 Blazor 应用程序,并且有一个显示记录列表的组件(从实体框架实体中检索),想知道在组件上实现分页的最佳和最简单的方法是什么。

任何帮助,将不胜感激。

paging components asp.net-core blazor

5
推荐指数
3
解决办法
6159
查看次数