首先,需要安装Blazorise依赖项,可以在NuGet上找到Blazorise和Blazorise.Bootstrap。
创建一个SelectItem类,该类包含要显示的名称和值。
public class SelectItem { public string Text { get; set; } public string Value { get; set; } }
在Blazor组件中,使用以下代码定义Select组件。
在代码中,将SelectItem的集合传递给组件。
private List
protected override void OnInit()
{
_selectItems = new List
若要添加一个带有删除按钮的SelectItem,可以使用以下代码定义新的SelectItem组件。
在SelectItem类中添加一个事件,该事件将从Select组件中删除项目。
public event Action OnDelete;
private void RemoveItem() { OnDelete?.Invoke(); }
在组件中,订阅SelectItem的OnDelete事件,在事件触发时从_selectItems集合中删除相应的SelectItem。
private void DeleteItem(SelectItem item) { _selectItems.Remove(item); StateHasChanged(); }
对于每个带有删除按钮的SelectItem,将事件绑定到DeleteItem方法。
foreach (var item in _selectItems)
{
这样,就可以在Blazor