Kendo UI NumericTextBox 百分比格式

Question

我的问题与这个问题中解释的非常相似： KendoNumericTextBox percentage formatting

但我正在使用 ASP.NET MVC 包装器来呈现 NumericTextBox。

我有以下编辑器模板来呈现小部件：

@model double?
@(Html.Kendo().NumericTextBoxFor<double>(m => m)
.Format("{0:P2}")
.Min(0)
.Max(1)
.Step(0.01)
)

但实际情况是（示例）：

我想要的是这样的:

但在数据库中我需要存储一个介于 0 和 1 之间的值。这就是我有 ....Min(0).Max(1)...

的原因

我如何使用 MVC 包装器实现此目的？

Answer 1

你能试试这个吗，

$("#numerictextbox").kendoNumericTextBox({ 格式： ”＃ '％'” });

有关详细信息，请参阅此 link

Answer 2

为您的小部件使用此格式

@(Html.Kendo().NumericTextBoxFor<double>(m => m)
    .Format("#.## '%'")
    .Min(0)
    .Max(1)
    .Step(0.01)
)

在'.'后面加上更多的'#'来得到更多的小数。

Answer 3

我想到的解决方案是：

@(Html.Kendo().NumericTextBoxFor<double>(m => m)
    .Format("##.00 \%")
    .Min(0)
    .Step(1)
    .Decimals(2)
)

之后，在控制器中，我转换为[0,1]。

Kendo UI NumericTextBox percentage format