razor - 剑道 NumericTextBox 百分号

Question

我正在尝试将百分号添加到网格中。我发现了一些使用此解决方法的帖子。但这不起作用。

"# \%" --> 导致 javascript 错误

@(Html.Kendo().NumericTextBoxFor(m => m)
    .HtmlAttributes(new { style = "width:100%" })
    .Format("\\# \\%")
)

问候

Answer 1

我在 Telerik 论坛（http://www.telerik.com/forums/how-to-show-a-percentage-dollar-symbol）中找到了解决方案

 columns.Bound(e => e.ContractPercent).ClientTemplate("\\#=kendo.format(\"{0:p}\", ContractPercent / 100)\\#").EditorTemplateName("NumberPercent");

问候

Answer 2

百分比的格式是p. 请参阅此处的文档：http: //docs.telerik.com/kendo-ui/getting-started/framework/globalization/numberformatting。

所以你应该使用：

@(Html.Kendo().NumericTextBoxFor(m => m)
    .HtmlAttributes(new { style = "width:100%" })
    .Format("p")
)

标准数字格式：

• n 代表数字

  kendo.culture("en-US"); kendo.toString(1234.567, "n"); //1,234.57 kendo.toString(10.12, "n5"); //10.12000 kendo.toString(10.12, "n0"); //10 kendo.culture("de-DE"); kendo.toString(1234.567, "n3"); //1.234,567

• c 表示货币

  kendo.culture("en-US"); kendo.toString(1234.567, "c"); //$1,234.57 kendo.culture("en-US"); kendo.toString(1234.567, "c0"); //$1,235 kendo.culture("de-DE"); kendo.toString(1234.567, "c3"); //1.234,567 欧元</p>

• p 百分比（数字乘以 100）

  kendo.culture("en-US"); kendo.toString(0.222, "p"); //22.20 % kendo.culture("en-US"); kendo.toString(0.222, "p0"); //22 % kendo.culture("de-DE"); kendo.toString(0.22, "p3"); //22.000 %

• e 指数

  kendo.toString(0.122, "e"); //1.22e-1 kendo.toString(0.122, "e4"); //1.2200e-1

Answer 3

对于网格，您可以使用它：

columns.Bound(e => e.Percent).ClientTemplate("#=Percent# %")