数値入力

数値入力は数値を入力するコンポーネントです。

Tips

プロパティ

UIダイアログ

項目	入力値	オプション	デフォルト値
ID	文字列		自動設定
ラベル	文字列		Number Field
幅	文字列		222
高さ	文字列		55
X	文字列
Y	文字列
スタイル	選択	アウトラインフィルスタンダード	アウトライン
色	文字列カラーピッカー
背景色	文字列カラーピッカー
ラベル色	文字列カラーピッカー
入力文字色	文字列カラーピッカー
非アクティブ	真偽	オンオフ	オフ
読み取り専用	真偽	オンオフ	オフ
必須	真偽	オンオフ	オフ
表示	真偽	オンオフ	オン
フォーマット	選択	詳細1	詳細1
記号と単位の位置	選択	なし先頭末尾	なし
記号と単位	文字列
プレースホルダ	文字列
ヘルパーテキスト	文字列
チェンジイベント	選択	なしアクション	なし
値	文字列

アクション

項目	プロパティ	データ型	オプション	デフォルト値
ID	id	string		自動設定
ラベル	label	string		Number Field
幅	width	string		222
高さ	hight	string		55
X	x	string
Y	y	string
スタイル	variant	string	outlined filled standard	outlined
色	color	string
背景色	backgroundColor	string
ラベル色	labelColor	string
入力文字色	inputColor	string
非アクティブ	disabled	boolean	true false	false
読み取り専用	readOnly	boolean	true false	false
必須	required	boolean	true false	false
表示	visibility	boolean	true false	true
フォーマット	format	string	詳細1	None
記号と単位の位置	inputAdornmentsPosition	string	none start end	none
記号と単位	inputAdornments	string
プレースホルダ	placeholder	string
ヘルパーテキスト	helperText	string
値	value	number
エラー	error	boolean

Tips

[id]プロパティはアクションで設定はできません。
[format]プロパティは、アプリケーションが使用している言語コードに対するフォーマット値を取得・設定することができます。
[記号と単位の位置]の値が「なし (none)」の場合は、[記号と単位]の設定は無視されます。
[幅]、[高さ]プロパティ値には下記を入力できます。 px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。下記以外を入力した場合の動作はサポート外になります。
- 数値
- 数値%
- calc()関数
[X]、[Y]プロパティ値には下記を入力できます。
px表示したい場合は数値のみを指定してください。
下記以外を入力した場合の動作はサポート外になります。
- 数値
- calc()関数
calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
calc()関数で使用できる単位は 「%」と 「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
プレビューを用いてご確認ください。
[必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
必須チェックは自動では行いませんので、アクションを定義してください。

[詳細1] フォーマット

言語	フォーマット	言語	format
デフォルト	None (default) #,#.## #,#.00	デフォルト	None (default) #,#.## #,#.00
English	None (default) #,#.## #,#.00	English	None (default) #,#.## #,#.00
日本語	None (default) #,#.## #,#.00	日本語	None (default) #,#.## #,#.00

Tips

イベント

イベント名	説明
onchange	値の変更が行われ、カーソルが外れた時に発生します。