首页 > 解决方案 > 在 Blazor 应用 Razor 页面的 InputText 中绑定类型双精度值

问题描述

我对几乎所有属性都使用 InputText。一些属性是 Double 类型。当我在 InputText 中绑定双精度值时,它给了我错误。我该如何解决这个问题?我不想使用 InputNumber。

 <div class="form-group col">
 <label title="The quantity ">Quantity</label>
 <i class="fa fa-info-circle" style="color:dimgrey" title="The quantity"> 
 </i>
 <InputText @bind-Value="@trade.qty" class="form-control" />
 <ValidationMessage For="@(() => trade.qty)" />
 </div>

我在@trade.qty 收到错误,<InputText @bind-Value="@trade.qty" class="form-control" /> 因为它是双倍值。

模型:

 public Double qty { get; set; }

我尝试了类似<InputText @bind-Value="@trade.qty.ToString()" class="form-control" /> 它没有用的东西。

标签: c#razorblazorrazor-pagesblazor-webassembly

解决方案


利用

<InputNumber @bind-Value=trade.qty min="1" max="999" />

它是可绑定的。

https://docs.microsoft.com/fr-fr/aspnet/core/blazor/forms-validation?view=aspnetcore-5.0


推荐阅读