blazorise数字编辑组

Question

我试图使用blazorise数字编辑组分离属性。正如它的文档中所说的，应该可以使用它，但正如我所尝试的那样，它不起作用。如果您能帮助我使用blazorsie组件来分别定义数千位数字，我将不胜感激。例如，当我输入值12345678时，它预先显示了12,345,678 -谢谢

Answer 1

NumericEdit组件没有GroupSeparator参数。GroupSeparator参数位于NumericPicker组件上：

<NumericPicker @bind-Value="@paymentDocumentCreateCommand.TotalPrice" GroupSeparator="," />

NumericPicker是在1.0.0版本中添加的。

NumericPicker对NumericEdit

解决方案：

您可以使用TextEdit组件，并在将数字转换为字符串时应用格式。

<TextEdit @bind-Text="@TotalCost" />

<p>@_totalCost</p>

@code {
    private double _totalCost = 1234567890;

    private string TotalCost
    {
        get
        {
            return _totalCost.ToString("#,#");
        }
        set
        {
            _totalCost = string.IsNullOrEmpty(value) ? 0 : double.Parse(value);
        }
    }
}

自定义绑定格式

您可以创建一个内部执行此转换的自定义输入组件。