在 Dojo 中格式化数字答案

【问题标题】：Formatting numbers in Dojo在 Dojo 中格式化数字
【发布时间】：2016-11-11 17:18:53
【问题描述】：

对于NumberTextBox，我需要以百分比格式显示其值，例如，如果值为0.5，我需要显示50%。

目前我正在使用pattern: "#%"，但它显示的值错误。

您能建议我如何解决它吗？

可选：

如果可能的话，是否也可以显示不带百分比的值，例如 50。

我也尝试了pattern:"#,##0.0%"，但没有成功。

<label for="programmatic">Opacity:</label>
<input id="programmatic" type="text" />


require(["dijit/form/NumberTextBox", "dojo/domReady!"], function(NumberTextBox) {
    new NumberTextBox({
        name: "programmatic",
        constraints: {
            min: 0,
            max: 1,
            pattern: "#%"
        },
        value: 0.5
    }, "programmatic").startup();
});

http://www.unicode.org/reports/tr35/tr35-numbers.html#Number_Format_Patterns

https://dojotoolkit.org/reference-guide/1.10/dijit/form/NumberTextBox.html

【问题讨论】：

标签： javascript dojo

【解决方案1】：

我能够使用以下模式解决这个问题：

pattern:"#.##%"

https://jsfiddle.net/gibbok/ejnar255/

require(["dijit/form/NumberTextBox", "dojo/domReady!"], function(NumberTextBox) {
    new NumberTextBox({
        name: "programmatic",
        constraints: {
            min: 0,
            max: 1,
            pattern:"#.##%"
        },
        value: 0.25
    }, "programmatic").startup();
});


<label for="programmatic">Opacity:</label>
<input id="programmatic" type="text" />

【讨论】：