c# - Radzen Blazor 对话框未关闭
问题描述
使用对话框时出现问题。关闭 Radzen.Blazor。我已经完成了 blazor.radzen 的所有步骤
- 打开 Shared/MainLayout.razor 文件并包含 、 和
- 打开 Startup.cs 文件(服务器端 Blazor)或 Program.cs(客户端 WebAssembly Blazor)并添加 DialogService、NotificationService、ContextMenuService 和 TooltipService。
问题是当我打开对话框时,它打开了。然后我单击 Button submit 或 Button Cancel 以触发 dialog.Close(data) (Button Submit) 和 dialog.Close(false) (Button Cancel) 它仍然在函数 Submit/Close 中运行,但它不会关闭对话框。我试图找到但可以看到任何错误。
这是我的代码
我用它来打开对话框var result = await OpenAsync("Thêm mới", @Form);
这是开放异步
Task<dynamic> OpenAsync(string title, RenderFragment<TItem> content) => dialog.OpenAsync<WrapperForm<TItem>>(title, new Dictionary<string, object> { { "Content", content }, { "Data", null } }, FormOption ?? new DialogOptions() { Width = "700px", Top = "30px" });
这是我的 WrapperForm
@typeparam TItem
<div class="row">
@Content(Data)
</div>
@code {
[Parameter] public RenderFragment<TItem> Content { set; get; }
[Parameter] public TItem Data { set; get; }
}
这是我传递给 OpenAsync 的组件 @Form
@using QuanLyKiemDinh.Components
@using QuanLyKiemDinh.Helpers
@inject QuanLyKiemDinhContext dbContext
@inject Radzen.DialogService dialog
<FormBase Data="@capVanban" TItem="tbCapVanBan" Submit="@Submit" Cancel="@Cancel">
<Items>
<FormItem Label="Tên cấp" SM="12">
<Item>
<RadzenTextBox @bind-Value="@capVanban.TenCap" Placeholder="Tên cấp" Style="width: 100%" />
</Item>
</FormItem>
<FormItem Label="Mô tả" SM="12">
<Item>
<RadzenTextBox @bind-Value="@capVanban.MoTa" Placeholder="Mô tả" Style="width: 100%" />
</Item>
</FormItem>
</Items>
</FormBase>
@code {
[Parameter] public tbCapVanBan Data { set; get; }
tbCapVanBan capVanban = new tbCapVanBan();
async void Submit(tbCapVanBan capVanban)
{
if (Data == null)
{
capVanban.id = SequenceId.GetInt("VBPL.Seq_tbCapVanBan");
dbContext.tbCapVanBans.Add(capVanban);
dbContext.SaveChanges();
} else
{
dbContext.tbCapVanBans.Update(capVanban);
dbContext.SaveChanges();
}
dialog.Close(capVanban);
//dbContext.SaveChanges();
}
void Cancel()
{
dialog.Close(false);
}
protected override void OnInitialized()
{
if (Data != null)
{
capVanban = Data;
}
base.OnInitialized();
}
}
这是我的表单库
@typeparam TItem
@inject QuanLyKiemDinhContext dbContext
@inject Radzen.DialogService dialog
@inject NotificationService notificationService
@inject NavigationManager UriHelper
<RadzenTemplateForm TItem="TItem" Data="@Data" Style="font-family:Helvetica; width: 100%" Submit="@Submit">
<div class="row" style="padding: 10px 20px;">
@Items
@if (DisableBtn != true)
{
<div style="padding: 10px 15px;">
@if (Buttons == null)
{
<ButtonTable Text="Lưu dữ liệu" ButtonType="ButtonType.Submit" />
<ButtonTable Text="Hủy" ButtonStyle="ButtonStyle.Light" OnClick="@Cancel"/>
@if (MoreButtons != null)
{
@MoreButtons
}
} else
{
@Buttons
}
</div>
}
</div>
</RadzenTemplateForm>
@code {
[Parameter] public EventCallback<TItem> Submit { set; get; }
[Parameter] public EventCallback Cancel { set; get; }
[Parameter] public TItem Data { set; get; }
[Parameter] public RenderFragment Items { set; get; }
[Parameter] public RenderFragment Buttons { get; set; }
[Parameter] public RenderFragment MoreButtons { get; set; }
[Parameter] public Boolean? DisableBtn { set; get; }
}
解决方案
我有同样的问题,发现你需要添加
<script async src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
在您的 index.html 或 _Host.cshtml 文件中。
链接到_Host.cshtml
推荐阅读
- elasticsearch - 如何使用通配符从查询中对存储桶聚合进行排序?
- flutter - Flutter:FutureBuilder里面的ListView.builder无限增长
- python - 如何在 Django 的 auhviews 中使用 redirect_field_name?
- ajax - 当我加载页面时,成功的 ajax 功能工作
- firebase - 如何检索其值仅为真的地图的长度?
- javascript - ReactJS - 带有 react Hooks 的“setState”,不合并状态而是替换它
- sockets - 在 SIM7600CE 上,使用命令 AT + CHTTPSOPSE 为什么会出现套接字创建错误?
- php - PHP 从 SQL Server 获取数据
- database - PostgreSQL 不支持 COUNT(
) 功能。使用合适的函数或创建用户定义的函数 - java - Java Spring Validation 不会捕获错误