2016-11-11 9 views
1

NumberTextBoxの場合、値が0.5の場合は、パーセント値形式で値を表示する必要があります。50%を表示する必要があります。Dojoでの数値の書式設定

現在、私はpattern: "#%"を使用していますが、間違った値を示しています。

修正方法を教えてください。

オプション:

はそれが可能な例のみ50場合パーセントせずにも値を表示することも可能です。

私もpattern:"#,##0.0%"を試しましたが、成功しませんでした。

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

<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(); 
}); 

関連資料:

https://dojotoolkit.org/reference-guide/1.7/quickstart/numbersDates.html

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

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

答えて

1

私はfollを使用してこの問題を解決することができましたパターン:

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" /> 
関連する問題