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)黑科技透明挂辅助方法(透视)德州论坛(果然有挂)德州辅助器中分为三种模型...
黑科技脚本(WePoKer)黑... 黑科技脚本(WePoKer)黑科技透明挂辅助软件(透视)透牌教程(其实真的有挂)亲,关键说明,WeP...
黑科技模拟器(We辅poker... 黑科技模拟器(We辅poker助)黑科技透明挂辅助助手(透视)攻略方法(确实有挂);1、打开软件启动...
黑科技神器(aaPOKER)外... 黑科技神器(aaPOKER)外挂透视辅助安装(透视)解说技巧(竟然有挂)1、任何aaPOKERai辅...
黑科技规律(wpkai)外挂透... 黑科技规律(wpkai)外挂透视辅助插件(透视)扑克教程(一直存在有挂);小薇(透视辅助)致您一封信...
黑科技好牌(wepOkE)黑科... 黑科技好牌(wepOkE)黑科技透明挂辅助插件(透视)科技教程(竟然是真的有挂)1)wepOkE辅助...
黑科技有挂(WEPOKE)黑科... 黑科技有挂(WEPOKE)黑科技透明挂辅助软件(透视)微扑克教程(一直存在有挂)1、该软件可以轻松地...
黑科技辅助(Aapoker)外... 黑科技辅助(Aapoker)外挂透视辅助助手(透视)曝光教程(一直是真的有挂);1、用户打开应用后不...
黑科技智能ai(WePoKer... 黑科技智能ai(WePoKer)黑科技透明挂辅助app(透视)教你攻略(原来真的有挂)所有人都在同一...
黑科技教学(线上wpk德州ai... 黑科技教学(线上wpk德州ai)外挂透视辅助器(透视)细节方法(一贯有挂);1、玩家可以在线上wpk...