1

描述

我创建了一个 Blazor wasm 应用程序。在那里，我构建了自己的InputSelect<string>组件，它获取了一串 id（例如：“1,2,3,4,5”）。我解析显示它们的 id，然后可以返回然后转换回字符串。如果多选菜单发生了变化，我想selectedServergroups用新值更新我的变量。但我刚刚得到列表中的第一个选定值。如何获取所有选定的值？

资源

@using PhoenixBot.Shared.Instances.Shared
@using PhoenixBot.Client.Helper
@inherits InputSelect<string>

<select class="@CssClass multi-select" @onchange="OnChange" multiple>
    @if (Servergroups != null)
    {
        @foreach (var group in Servergroups)
        {
            <option value="@Convert.ToInt32(group.Id)" selected="@selectedServergroups.Contains(Convert.ToInt32(group.Id))">@group.Name</option>
        }
    }
</select>

@code {
    [Parameter]
    public List<Servergroup> Servergroups { get; set; }

    private List<int> selectedServergroups { get; set; }

    protected override void OnInitialized()
    {
        base.OnInitialized();

        selectedServergroups = GroupHelper.ParseGroupOfString(CurrentValue);
    }

    private void OnChange(ChangeEventArgs e)
    {
        Serilog.Log.Error(e.Value.ToString());
    }

    protected override bool TryParseValueFromString(string value, out string result, out string validationErrorMessage)
    {
        result = GroupHelper.ConvertGroupOfList(selectedServergroups);
        validationErrorMessage = null;
        return true;
    }
}

示例 OnChange 日志输出

2020-07-09 08:43:38 [ERR] 75
2020-07-09 08:43:40 [ERR] 74
2020-07-09 08:43:41 [ERR] 73
2020-07-09 08:43:43 [ERR] 73
2020-07-09 08:43:45 [ERR] 73
4

0 回答 0