You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在MudCheckBox控件中调用CheckedChanged事件

MudCheckBox的CheckedChanged事件使用示例

你可以直接在MudCheckBox组件上添加CheckedChanged属性指定事件处理方法,无需移除已有的@bind-Checked绑定(组件的双向绑定本身就是基于Checked属性和CheckedChanged事件实现的)。

基础用法代码

<MudCheckBox 
    @bind-Checked="@context.IsCheckedTrue" 
    Color="Color.Secondary" 
    CheckedIcon="@Icons.Material.Filled.RadioButtonChecked" 
    UncheckedIcon="@Icons.Material.Filled.RadioButtonUnchecked"
    CheckedChanged="HandleCheckedChanged">
</MudCheckBox>

对应的后台处理方法:

private void HandleCheckedChanged(bool isChecked)
{
    // 写入复选框状态变更后的业务逻辑
    // 比如状态记录、联动其他组件等
}

结合MudTable行上下文的用法

如果需要在事件中操作当前行的数据,可以通过lambda表达式传递上下文对象:

<MudCheckBox 
    @bind-Checked="@context.IsCheckedTrue" 
    Color="Color.Secondary" 
    CheckedIcon="@Icons.Material.Filled.RadioButtonChecked" 
    UncheckedIcon="@Icons.Material.Filled.RadioButtonUnchecked"
    CheckedChanged="(isChecked) => HandleCheckedChangedWithRow(context, isChecked)">
</MudCheckBox>

对应的带上下文的处理方法:

private void HandleCheckedChangedWithRow(YourRowModel rowData, bool isChecked)
{
    // 直接操作当前行的数据对象rowData
    // 比如执行批量选中统计、同步行内其他数据状态等
}

注意:将YourRowModel替换为你MudTable绑定的实体类实际类型。

内容的提问来源于stack exchange,提问作者bhoopendra.sahoo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 03:47:15