如何在值之后读取复选框的 @onclick 事件

Question

当我将@onclick 中的函数用于复选框并检查@bind-Value 的输入时，返回的值不同，看起来@onclick 事件比@bind-Value 先执行

跟随示例

<div>
    <MudCheckBox @bind-Checked="@testCheck" Color="Color.Secondary" @onclick="()=> ChecktestBox()"></MudCheckBox>
    <p>Value: @testCheck</p>
</div>

@code {
    private bool testCheck { get; set; } = false;
    
    private void ChecktestBox() {
        MessageBox.Show(testCheck.ToString());
        
        if(testCheck)
            ....
    }
}

结果是@onclick事件中添加的函数即使值为true也返回false

并且在使用的消息中Value: @testCheck 正确返回了值

我应该怎么做，从正确的@testCheck值开始

Answer 1

我不使用 MudCheckBox，但我可以说，在我的正常实践中，没有一点双向绑定到复选框的 Value 或 Checked 属性。那是因为 onchange 事件 Value 提供了该属性。如果它不是字符串，则必须强制转换 ChangeEventArgs 才能读取该值。

<input type="checkbox" @onchange="HandleCheck" />
@Message

@code {
    string Message;

    void HandleCheck(ChangeEventArgs arg)
    {
        bool IsChecked = (bool)arg.Value;
        Message = IsChecked ? "Use this value" : "Don't use this value";
    }
}

如果我想要设置的类中有 b​​ool 属性，我通常只会使用 2 路绑定。

Answer 2

假设 Mud CheckBox 已成功绑定到布尔值，那么您可以为其使用自定义 get; set;。但是，要小心处理它 - 你可能不想用它打电话给相关的async Task。

<input type="checkbox" @bind="CheckTest"/>
@Message

@code {
    string Message;

    private bool _checkTest;
    bool CheckTest
    {
        get { return _checkTest; }
        set { _checkTest = value; HandleCheck(value);  }
    }

    void HandleCheck(bool IsChecked)
    {
        Message = IsChecked ? "Do something" : "Don't do the thing";
    }
}

不过，我有点难以相信 Mud 复选框无法正确处理 @onchange。