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# %")