如何解决Recharger un composant Blazor après un OnChange d'un HTML sélectionné
在html选择列表的onchange中找到“update”方法后,我无法重新加载“ContenuCongelateur”组合,有解决办法吗?
感谢 Blazor 的新手 ^^
Index.razor
<select class="form-control" style="width: 100%" @onchange="Update">
@if (indexModel?.Congelateurs != null)
{
@foreach (var cong in indexModel.Congelateurs)
{
<option value="@cong.Num_Congelateur">@cong.Nom_Congelateur</option>
}
}
</select>
<hr />
<ContenuCongelateur CongelateurSelected="indexModel.CongelateurSelected"></ContenuCongelateur>
@code {
CongelateurService congelateurService = new CongelateurService(DBContextConstant.ConnectionString);
Indexviewmodel indexModel;
protected override void OnInitialized()
{
indexModel = new Indexviewmodel();
indexModel.Congelateurs = congelateurService.GetListeCongelateurs();
}
private void Update(ChangeEventArgs args)
{
indexModel.CongelateurSelected = int.Parse(args.Value.ToString());
}
}
ContenuCongelateur.razor
<div>
<div class="card card-body">
@if (Contenu_Congelateur != null)
{
<table class="cell">
@foreach (var ligne in Contenu_Congelateur)
{
<tr class="cell">
@foreach (var cell in ligne.Cells)
{
<td class="@cell.Class_Color" id="@cell.Num_Boite" @onclick="(() => ChargerBoite(cell.Num_Boite))">
@cell.Num_Boite + ":" @cell.Quantite_Restante
</td>
}
</tr>
}
</table>
}
</div>
</div>
@code {
[Parameter]
public int CongelateurSelected { get; set; }
CongelateurService congelateurService = new CongelateurService(DBContextConstant.ConnectionString);
public List<LigneCongelateurDto> Contenu_Congelateur { get; set; }
protected override void OnInitialized()
{
Contenu_Congelateur = congelateurService.GetListeDetailleedispoCongel(CongelateurSelected);
}
}
更新组件时,它必须从服务中获取数据。
解决方法
尝试使用 StateHasChanged() 通知 Blazor 页面上的某些信息已更改并需要重新绘制。如果您需要从 async
方法更新它,您可以改用 await InvokeAsync(()=>StateHasChanged())
。
private void Update(ChangeEventArgs args)
{
indexModel.CongelateurSelected = int.Parse(args.Value.ToString());
StateHasChanged();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。