MudBlazor 芯片组 - 以编程方式选择芯片

Question

我需要实现“全选”功能，用户可以通过单击按钮来选择所有芯片，而不是单击每个项目（可能有很多！）

                            
<MudButton Variant="Variant.Outlined" 
           OnClick="(() => AllChips.ToList().ForEach(x => x.IsSelected = true))">
    Select all media
</MudButton>
                            
<MudChipSet SelectedChips="@SelectedChips" 
            MultiSelection="true" 
            Filter="true">
     @foreach (var chip in AllChips)
     {
          <MudChip Text="@chip.Text" />
     }
</MudChipSet>

我探索了 MudChip 的

IsSelected

和

Default

属性，但没有成功。我得到的工具提示是这些属性不应在其组件之外设置。

这可以通过

MudChipSet

实现吗？

Answer 1

看起来您已经绑定了

SelectedChips

，所以您需要做的就是更新该数组。基本思想是代码如下

    private void SelectAll()
    {
        SelectedChips = AllChips.ToArray();
    }

这是一个快速的 Try.MudBlazor 示例