在 Blazor 中通过代码只读处理 Blazor 组件 InputNumber 属性

Question

<InputNumber readonly 
             id="ProductShares"
             class="form-control" 
             placeholder="Product Shares"
             oninput="@Calculation"
             @bind-Value="product.ProductShares" />

我想在代码中将 InputNumber 更新为只读。这是事件 oninput 我正在调用 Calculation 方法，我想以编程方式更新 readonly 属性.

public async void Calculation(ChangeEventArgs e)
{
    // Something like
    if(condition)
    {
        ProductShares.readonly = true;  // ProductShares is the id of the InputNumber
    }
    else
    {
        ProductShares.readonly = false;
    }
}

Answer 1

您可以像这样将 bool 值设置为只读属性

这是你的html

<InputNumber readonly="@ReadOnly" 
             id="ProductShares"
             class="form-control" 
             placeholder="Product Shares"
             oninput="@Calculation"
             @bind-Value="product.ProductShares" />

这是您的隐藏代码

@code{
    private bool ReadOnly=true;
}

在 Blazor 中通过代码只读处理 Blazor 组件 InputNumber 属性

In Blazor handle Blazor component InputNumber property readonly via code

input

readonly-attribute

blazor

blazor-component