如何让自动完成多选在 Blazorise 中工作答案

【问题标题】：How to get Autocomplete Multi-select to work in Blazorise如何让自动完成多选在 Blazorise 中工作
【发布时间】：2022-11-10 01:38:06
【问题描述】：

试图让多个自动完成功能在我的 Blazorise 项目中工作。希望它通常像这样example 工作。

我已经输入了 Blazorise 中给出的代码示例：

@page "/MultipleSelectPage"

<h3>MultipleSelect</h3>

<Autocomplete TItem="Country"
              TValue="string"
              Data="@Countries"
              TextField="@(( item ) => item.Name)"
              ValueField="@(( item ) => item.Iso)"
              Placeholder="Search..."
              Multiple
              FreeTyping
              @bind-SelectedValues="multipleSelectionData"
              @bind-SelectedTexts="multipleSelectionTexts">
</Autocomplete>

<Field Horizontal>
    <FieldBody ColumnSize="ColumnSize.Is12">
        Selected Values: @string.Join(',', multipleSelectionData)
    </FieldBody>
    <FieldBody ColumnSize="ColumnSize.Is12">
        Selected Texts: @string.Join(',', multipleSelectionTexts)
    </FieldBody>
</Field>

@code {
    [Inject]
    public CountryData CountryData { get; set; }
    public IEnumerable<Country> Countries;

    protected override async Task OnInitializedAsync()
    {
        Countries = await CountryData.GetDataAsync();
        multipleSelectionData = new List<string>() { Countries.ElementAt( 1 ).Iso, Countries.ElementAt( 3 ).Iso };
        await base.OnInitializedAsync();
    }

    List<string> multipleSelectionData;
    List<string> multipleSelectionTexts = new();
}

并将我认为我需要的所有其他内容添加到项目中（如 CountryData.cs 等）

奇怪的是，Autocomplete 部分中的 Multiple 是红色的，但没有关于如何处理它的建议，程序编译并运行（见下文）。

我已经浏览了从我下载的 Blazorise 示例中添加的代码的其他部分，但是对于我的生活，我看不出问题是什么。

任何帮助将不胜感激！

【问题讨论】：

我的第一个猜测是您可能没有使用允许这样做的版本。好像是在0.9.5版本中加入的。
我正要回复说我在最新版本，但你是对的，我不是！所以我已经为每个 Blazorise 组件更新到 1.0.5 版。但现在我只有几个新错误。在 _Imports 中，我的 @using Blazorise.Icons.FontAwesome 在图标上是红色的。在我的 _Hosts.cshtml 文件中，href 链接（比如 _content/Blazorise/blazorise.css 是蓝色的，并表示找不到它们。与一些脚本 src 相同，如“_content/Blazorise/blazoris.js”和其他一些。我认为这只是我不了解 _Hosts.cshtml 文件的结构。你能帮我看看吗？
你跳过了多少个版本？更新时可能存在一些重大更改，这是 0.9.5 的更改：Release notes

标签： c# blazor blazorise

【解决方案1】：

有点晚了，但我偶然发现了你的例子。尝试改用 SelectionMode。像这样：

SelectionMode="AutocompleteSelectionMode.Multiple"

【讨论】：