blazor - 使用带 bool 值的 InputRadio

Question

我有一个 InputRadio如下所示的控件:

<InputRadioGroup Name="FooBar" @bind-Value="Foo.Bar">
    <InputRadio Name="FooBar" Value=1 />Yes<br>
    <InputRadio Name="FooBar" Value=0 />No<br>
</InputRadioGroup>

Foo.Bar当前是可以为空的 int因为似乎 int是内置的 InputRadio控制绑定(bind)期望。我宁愿设置 Foo.Bar成为可以为空的 bool而不是 int因为我的应用程序有很多是/否问题，并且在代码中使用真/假会使事情变得更容易和更具可读性。
Blazor 中有没有办法配置它，所以 InputRadio控件可以绑定(bind)到 bool 值吗？

Answer 1

首先，获取 bool 值通常是一个复选框，因此您可以先尝试一下。

<EditForm Model="@Foo">

    Type: @Foo.Bar.GetType()
    <br />
    Value: @Foo.Bar
    <br /><br />

    <InputCheckbox @bind-Value="@Foo.Bar">I understand</InputCheckbox>

</EditForm>

@code{
    MyClass Foo { get; set; } = new MyClass();

    public class MyClass
    {
        public bool Bar { get; set; } = true;
    }
}

如果您必须使用单选按钮，请继续阅读。
我认为理想情况下，这应该与真正的 bool 一起使用。值，但似乎没有，这是一个重现(也许你可以在他们的仓库中用 MS 记录它) - 最初它似乎解析 OK，但是 更改值会抛出 它无法从字符串中解析。这向我表明他们只支持 string和 int对于单选按钮组。

<EditForm Model="@Foo">

    Type: @Foo.Bar.GetType()
    <br />
    Value: @Foo.Bar
    <br /><br />

    <InputRadioGroup Name="FooBar" @bind-Value="@Foo.Bar">
        <InputRadio Name="FooBar" Value="@true" />Yes<br>
        <InputRadio Name="FooBar" Value="@false" />No<br>
    </InputRadioGroup>

</EditForm>

@code{
    MyClass Foo { get; set; } = new MyClass();

    public class MyClass
    {
        public bool Bar { get; set; } = true;
    }
}

解决方案:

如果可以，请使用枚举(它基本上是一个整数，这就是它起作用的原因)

使用可以解析为所需 bool 值的辅助字段(示例如下)

要使辅助字段起作用，您需要可以解析的字符串，并且您可能需要将它们作为 View 模型中的变量，因为只需设置 Value="@true"或 Value="true"实际上会尝试查找字段，或者使用 bool 值，而 HTML 元素作为字符串匹配。语法有点问题 22。

<EditForm Model="@Foo">

    Type: @Foo.Bar.GetType()
    <br />
    Value: @Foo.Bar
    <br />
    String Value @Foo.BarString
    <br /><br />

    <InputRadioGroup Name="FooBar" @bind-Value="@Foo.BarString">
        <InputRadio Name="FooBar" Value="@trueVal" />Yes<br>
        <InputRadio Name="FooBar" Value="@falseVal" />No<br>
    </InputRadioGroup>

</EditForm>

@code{
    string trueVal = "true";
    string falseVal = "false";
    MyClass Foo { get; set; } = new MyClass();

    public class MyClass
    {
        public string BarString { get; set; } = "true";
        public bool Bar { get { return bool.Parse(BarString); } set { BarString = value.ToString().ToLowerInvariant(); } }
    }
}