MudBlazor 中的 MudChip 双向绑定?
MudChip two way binding in MudBlazor?
我正在将 MudBlazor 与 Blazor 服务器端一起使用,并且正在尝试双重绑定 MudChip。我想保存在数据库中选择的芯片并在稍后检索数据并预渲染所选芯片。基本上是在芯片上进行双重绑定。它似乎不起作用,我已经尝试过:
- 在OnInitialized方法中新建一个chip,并在SelectedChip上设置属性(Text,Color,IsSelected)属性:
<MudContainer>
<MudText Style="display:inline;color:white">Goal Type</MudText>
<MudChipSet @bind-SelectedChip="md" Style="display:inline;" Filter="true">
<MudChip Text="Financial" Color="Color.Dark">Financial</MudChip>
<MudChip Text="Personal" Color="Color.Dark">Personal</MudChip>
</MudChipSet>
</MudContainer>
这是代码:
MudChip md;
protected override void OnInitialized()
{
Init();
}
public void Init()
{
if (md == null)
{
md = new MudChip { Color = Color.Dark, Text = "Financial", IsSelected = true };
}
}
- 创建对所选芯片的引用:
<MudChipSet @bind-SelectedChip="md" @onselect="OnSelect" Style="display:inline;" Filter="true">
<MudChip Text="Financial" Color="Color.Dark">Financial</MudChip>
<MudChip @ref="personal" Text="Personal" Color="Color.Dark">Personal</MudChip>
</MudChipSet>
这是代码:
MudChip md;
MudChip personal;
protected override void OnInitialized()
{
if(md is null)
{
md = personal;
}
}
None 这种方法有效,你知道双重绑定是否可能吗?我还在 GitHub 页面上询问过,其中一位贡献者说,通过使用提供的示例,这是可能的。对我来说,它们并没有多大帮助。这是 GitHub 问题:
OnInitialized 在第一次渲染之前触发,因此当您设置 md=personal
时 personal
仍然为 null。
当 firstRender 为真时将该代码移至 OnAfterRender(bool firstRender)
我正在将 MudBlazor 与 Blazor 服务器端一起使用,并且正在尝试双重绑定 MudChip。我想保存在数据库中选择的芯片并在稍后检索数据并预渲染所选芯片。基本上是在芯片上进行双重绑定。它似乎不起作用,我已经尝试过:
- 在OnInitialized方法中新建一个chip,并在SelectedChip上设置属性(Text,Color,IsSelected)属性:
<MudContainer>
<MudText Style="display:inline;color:white">Goal Type</MudText>
<MudChipSet @bind-SelectedChip="md" Style="display:inline;" Filter="true">
<MudChip Text="Financial" Color="Color.Dark">Financial</MudChip>
<MudChip Text="Personal" Color="Color.Dark">Personal</MudChip>
</MudChipSet>
</MudContainer>
这是代码:
MudChip md;
protected override void OnInitialized()
{
Init();
}
public void Init()
{
if (md == null)
{
md = new MudChip { Color = Color.Dark, Text = "Financial", IsSelected = true };
}
}
- 创建对所选芯片的引用:
<MudChipSet @bind-SelectedChip="md" @onselect="OnSelect" Style="display:inline;" Filter="true">
<MudChip Text="Financial" Color="Color.Dark">Financial</MudChip>
<MudChip @ref="personal" Text="Personal" Color="Color.Dark">Personal</MudChip>
</MudChipSet>
这是代码:
MudChip md;
MudChip personal;
protected override void OnInitialized()
{
if(md is null)
{
md = personal;
}
}
None 这种方法有效,你知道双重绑定是否可能吗?我还在 GitHub 页面上询问过,其中一位贡献者说,通过使用提供的示例,这是可能的。对我来说,它们并没有多大帮助。这是 GitHub 问题:
OnInitialized 在第一次渲染之前触发,因此当您设置 md=personal
时 personal
仍然为 null。
当 firstRender 为真时将该代码移至 OnAfterRender(bool firstRender)