Blazor与Blazorise:选择组件/选择项目与删除按钮?

Question

对于我的应用程序，我需要一个Select-Component，我收集用户从不同来源选择的一些值。但是，用户应该能够以同样简单的方式再次删除值，如添加。最好的方法是一个带有小按钮的SelectItem或可点击的Badge来从列表中删除值。但无论我尝试什么，都不起作用，按钮/徽章是可见的，但点击它被忽略:

<Select TValue="int" Multiple SelectedValues="_selectedWordsForChart" SelectedValuesChanged="@OnSelectedWordsForChartChanged">
@foreach (var word in _selectedCaseWords)
{
<SelectItem Value="@word.WordId"> @word.Word <Button Clicked="@OnButtonClicked">Click me</Button></SelectItem>
}
</Select>

是否有可能实现，我想要的，与选择组件?如果是，怎么做?我可以改变一个点击事件的优先级，取决于我是否点击这个按钮或在选择项的其他区域?如果没有，我应该使用什么组件来工作?我认为，在Select之外加上一个Delete-按钮会导致误解，哪些条目应该被删除。

我假设有一个数据网格我可以满足我的要求，但这似乎有点…对我来说太大了

Answer 1

Blazorise Select组件生成简单的<select>和<option>html标记。<option>标签不能包含其他标签。所以不可能在SelectItem中添加按钮或徽章。你必须使用不同的Blazorise组件，可能是ListView来实现你的目标。