Number Input
数値入力コンポーネント。ISLEダッシュボードの一部として使うことも、スタンドアロンで使うこともできます。後者の場合、onChange 属性で変更を処理するか、bind 属性でグローバル変数に値をバインドします。
オプション
- bind |
string: 割り当てられる番号のグローバル変数名. Default:''. - defaultValue |
number: 起動時の入力のデフォルト値を示す値. Default:0. - disabled |
boolean: 入力がアクティブかどうかを示すブール値. Default:false. - inline |
boolean: は入力をインラインで表示するかどうかを示します。. Default:false. - legend |
(string|node): 数字入力の隣に表示される文字列. Default:none. - max |
number: 挿入可能な最大値を示す番号. Default:null. - min |
number: 挿入可能な最小値を示す番号. Default:null. - numbersOnly |
boolean: 数字だけを受け入れるかどうかを制御します。. Default:true. - placeholder |
string: 入力が空の場合に表示されるテキストを表す文字列 (defaultValueがnullまたはundefinedに設定されている必要があります). Default:'0'. - onBlur |
function: ぼかしメソッドを使用する際に呼び出されるコールバック関数. Default:onBlur() {}. - onChange |
function: 番号入力が変更されたときに呼び出すコールバック関数. Default:onChange() {}. - onKeyDown |
function: コールバック関数. Default:onKeyDown() {}. - onKeyPress |
function: キー入力時に呼び出されるコールバック関数. Default:onKeyPress() {}. - onKeyUp |
function: キーリリース時に呼び出されるコールバック関数. Default:onKeyUp() {}. - step |
(number|string): 増分矢印を使用した場合の増分を示す番号. Default:1. - style |
object: CSSインラインスタイル. Default:{}. - inputStyle |
object: 入力要素のためのCSSインラインスタイル. Default:{}. - value |
number: すうじち. Default:none. - tooltip |
string: ツールチップ文字列 (設定されていない場合は、ツールチップが自動的に生成されます). Default:none. - tooltipPlacement |
string: ツールチップの方向. Default:'left'.
例としては、以下のようなものがあります。
ライブエディター
結果
ReferenceError: Provider is not defined