render - (Blazor)子组件未呈现
问题描述
我使用 Syncfusion 创建了一个 Dialog 组件,我试图从父组件调用它,但它没有呈现。
这是我的父组件,这里我在我的子组件(ModalAcceptCancel)中使用@ref,所以当我单击删除按钮(在我的网格中)时,我能够调用一个名为 OpenDialog 的方法来呈现或显示我的模态。
@using App.Dtos
@using App.Data
@using Syncfusion.Blazor.Buttons
@inject NavigationManager NavigationManager
//This is my child component
<ModalAcceptCancel @ref="Modal"/>
//
<SfGrid @ref="SfGridProfesores" DataSource="@DsProfesores" AllowPaging="true">
<GridColumns>
<GridColumn Field=@nameof(ProfesorDto.Id) HeaderText="Identificador" TextAlign="TextAlign.Right" Width="120">
</GridColumn>
<GridColumn Field=@nameof(ProfesorDto.Nombres) HeaderText="Nombre" Width="200"></GridColumn>
<GridColumn Field=@nameof(ProfesorDto.CorreoElectronico) HeaderText="Correo Electrónico" Width="150"></GridColumn>
<GridColumn HeaderText="Acciones" TextAlign="TextAlign.Center" Width="120">
<Template>
@{
var profesor = (context as ProfesorDto);
<SfButton @onclick="@(() => NavigationManager.NavigateTo("Profesor/"+profesor.Id))" CssClass="e-info">Editar</SfButton>
<SfButton CssClass="e-danger" @onclick="(() => DeleteProfesor(profesor.Id))">Borrar</SfButton>
}
</Template>
</GridColumn>
</GridColumns>
</SfGrid>
@code {
[Parameter]
public IReadOnlyList<ProfesorDto> DsProfesores { get; set; }
[Inject]
public IProfesorService ProfesorService { get; set; }
SfGrid<ProfesorDto> SfGridProfesores;
ModalAcceptCancel Modal;
//Here i try to open my Modal (ChildComponent)
private void DeleteProfesor(int id)
{
Modal.OpenDialog();
//ProfesorService.BorraProfesor(id);
// SfGridProfesores.Refresh();
}
}
这是我的子组件的代码。我的 Syncfusion 对话框可见性绑定到“Is Visible 属性”,当调用 OpenDialog 方法时,该属性更改为 true,它应该显示我的模式。
@using Syncfusion.Blazor.Popups
@using Syncfusion.Blazor.Buttons
<SfDialog Width="500px" ShowCloseIcon="true" CloseOnEscape="true" @bind-Visible="@IsVisible">
<DialogTemplates>
<Header> Atención </Header>
<Content> ¿Estás seguro que deseas eliminar este elemento? </Content>
<FooterTemplate>
<SfButton CssClass="e-primary e-flat" @onclick="@CloseDialog">
Aceptar
</SfButton>
<SfButton CssClass="e-flat" @onclick="@CloseDialog">
Cancelar
</SfButton>
</FooterTemplate>
</DialogTemplates>
</SfDialog>
@code {
private bool IsVisible { get; set; } = false;
public void OpenDialog()
{
this.IsVisible = true;
}
public void CloseDialog()
{
this.IsVisible = false;
}
}
¿ 我做错了什么?¿ 这样做有更好的做法吗?
我对开发真的很陌生。对不起我的英语不好。
解决方案
来自 Syncfusion 支持的问候,
我们已经验证了您报告的查询和共享代码块。IsVisible属性是从另一个 razor 页面调用的,因此属性更改不受 SfDialog 影响,因此不会显示。我们建议您调用属性更新旁边的StateHasChanged()来解决报告的问题。我们还准备了一个样本,试图满足您的要求。
示例:https ://www.syncfusion.com/downloads/support/directtrac/general/ze/SFDIAL~22087980339
如果解决方案有帮助,请告诉我们,
问候,
英德拉吉特
推荐阅读
- django - 在管理员中上传文件时出现django csrf错误
- xml - 需要帮助解决 com.google.android.gms.ads.MobileAds not found
- c++ - 具有多个 cpp 文件的 Visual c++ 项目:_main 已定义
- python - Spark不执行任务
- objective-c - 如何为在后台运行 Objective-C 的 react native 编写 npm 包
- android - 大写替换大写,小写替换小写
- java - 执行 JAR 文件时找不到类异常
- xml - 如何使用 xmlstarlet 替换部分 xml?
- javascript - 根据条件更改光标(插入符号)位置的方法
- laravel - 在 laravel 5.58 的编辑方法上加载视图页面时 css 和 js 路径损坏