在Blazor中动态生成的表格中添加按钮可以使用以下代码示例:
public class Item
{
public string Name { get; set; }
public int Quantity { get; set; }
}
@page "/table"
@using System.Collections.Generic
Dynamic Table
Name
Quantity
Action
@foreach (var item in items)
{
@item.Name
@item.Quantity
}
@code {
private List- items = new List
- ();
protected override void OnInitialized()
{
// Initialize with some sample data
items.Add(new Item { Name = "Item 1", Quantity = 10 });
items.Add(new Item { Name = "Item 2", Quantity = 5 });
}
private void AddItem()
{
// Add a new item to the list
items.Add(new Item { Name = "New Item", Quantity = 0 });
}
private void DeleteItem(Item item)
{
// Remove the selected item from the list
items.Remove(item);
}
}
在上述代码中,我们通过items
列表来存储动态生成的表格数据。通过循环遍历items
列表,我们可以在表格中动态生成每一行的数据。每一行中都包含一个删除按钮,点击按钮时调用DeleteItem
方法来删除对应的行数据。
每次点击“Add Item”按钮时,会在items
列表中添加一个新的Item
对象,然后重新渲染整个表格。
当点击某行的删除按钮时,会调用DeleteItem
方法,并传入对应的Item
对象,然后从items
列表中删除该对象,再重新渲染整个表格。