Blazor中可选的表格行中的可选复选框
创始人
2024-12-22 07:30:49
0
  1. 创建一个包含要显示在表格中的数据源的模型。
public class Item
{
    public int Id { get; set; }
    public string Name { get; set; }
    public bool IsSelected { get; set; }
}
  1. 在组件中定义表格和复选框。

        @foreach (var item in items)
        {
            
        }
    
名称
@item.Name
  1. 为复选框添加绑定,以便在选择时更新模型中的 IsSelected 属性。


@code {
    private List items = new List()
    {
        new Item { Id = 1, Name = "项1", IsSelected = false },
        new Item { Id = 2, Name = "项2", IsSelected = false },
        new Item { Id = 3, Name = "项3", IsSelected = false },
    };

    private void ToggleSelection(Item item)
    {
        item.IsSelected = !item.IsSelected;
    }
}
  1. 在代码中处理选定的行。
private void ToggleSelection(Item item)
{
    item.IsSelected = !item.IsSelected;
    selectedItems = items.Where(i => i.IsSelected).ToList();
}

private List selectedItems = new List();

@code {
    ...
}

相关内容

热门资讯

推荐一款(Wepoke针对)外... 推荐一款(Wepoke针对)外挂透明挂辅助神器(辅助挂)教你攻略(2023已更新)(哔哩哔哩);值得...
透明插件!牌乐门手机麻将有挂的... 大家肯定在之前牌乐门手机麻将有挂的或者牌乐门手机麻将有挂的中玩过透明插件!牌乐门手机麻将有挂的,广东...
八分钟实锤!桂麻圈有挂,雀神广... 八分钟实锤!桂麻圈有挂,雀神广东麻雀外挂怎么用,我来教教你(了解有挂)是一款可以让一直输的玩家,快速...
今日科普!wpk俱乐部软件(辅... 今日科普!wpk俱乐部软件(辅助挂)软件透明挂辅助器安装(2025已更新)(哔哩哔哩)是一款可以让一...
每日必看(cloud辅助)外挂... 每日必看(cloud辅助)外挂辅助插件(辅助挂)透视辅助(2023已更新)(哔哩哔哩);亲,其实确实...
终于知道!八闽十三水黑科技,全... 1、终于知道!八闽十三水黑科技,全民雀神麻将免费下载安装,新2024教程(有挂秘笈)2、进入游戏-大...
四分钟科普!四方河南麻将有规律... 四分钟科普!四方河南麻将有规律,广东雀神辅助器怎么买,必备教程(有挂技巧)是一款可以让一直输的玩家,...
每日必看教程!gg扑克发牌好假... 每日必看教程!gg扑克发牌好假(透视)原来真的有挂2025已更新)(哔哩哔哩)1)gg扑克辅助挂:进...
八分钟了解(德扑操作)外挂辅助... 八分钟了解(德扑操作)外挂辅助脚本(辅助挂)软件透明挂(2020已更新)(哔哩哔哩)1、让任何用户在...
十分钟实锤!和和麻将才能赢,雀... 十分钟实锤!和和麻将才能赢,雀神麻将输赢规律,wepoke教程(有人有挂),您好,雀神麻将这款游戏可...