要在Blazor组件中获取多项选择,可以使用以下解决方法:
InputCheckbox组件和绑定的bool属性:@foreach(var item in items)
{
@item.Name
}
@code {
List- items = new List
-
{
new Item { Name = "Item 1" },
new Item { Name = "Item 2" },
new Item { Name = "Item 3" }
};
class Item
{
public string Name { get; set; }
public bool Selected { get; set; }
}
}
在上述示例中,我们创建了一个包含多个Item对象的列表。每个Item对象都有一个Name属性和一个Selected属性,Selected属性用于跟踪是否选择了该项。通过使用InputCheckbox组件,并将其Value属性与Selected属性绑定,可以实现多项选择。
InputCheckbox组件和Checked事件:@foreach(var item in items)
{
ToggleSelected(item))" /> @item.Name
}
@code {
List- items = new List
-
{
new Item { Name = "Item 1" },
new Item { Name = "Item 2" },
new Item { Name = "Item 3" }
};
void ToggleSelected(Item item)
{
item.Selected = !item.Selected;
}
class Item
{
public string Name { get; set; }
public bool Selected { get; set; }
}
}
在这个示例中,我们使用Checked属性来设置复选框的选中状态,并使用@onclick事件处理程序来切换Selected属性的值。这种方法可以在单击复选框时切换选中状态。
无论使用哪种方法,都可以在Blazor组件中获取多项选择。