[]
        
(Showing Draft Content)

Wijmo_Input.Inputnumber

InputNumber クラス

InputNumber コントロールでは、数値を入力できます。

このコントロールはユーザーが誤って無効なデータを入力することを防ぎ、編集時に数値を書式設定します。 [-]キーを押すと、カーソルの位置に関係なく、編集中の値の記号が反転します。 min プロパティとmax プロパティを使用すると、入力可能な値の範囲を制限できます。 また、step プロパティを使用すると、クリックで値を増減できるスピナーボタンを提供できます。 min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用」トピックを参照してください。 現在選択されている数値を取得または設定するには、value プロパティを使用します。 次の例では、いくつかのInputNumber コントロールを作成し、それぞれ異なる書式、範囲、 ステップ値を使用した場合の効果を示します。

Example

階層

  • any
    • InputNumber

コンストラクタ

constructor

  • new InputNumber(element: any, options?: any): InputNumber
  • InputNumber クラスの新しいインスタンスを初期化します。

    引数

    • element: any

      コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。

    • オプション options: any

      コントロールの初期化データを含むJavaScriptオブジェクト。

    戻り値 InputNumber

プロパティ

format

format: string

編集中の数値の表示に使用される書式を取得または設定します(Globalize を参照)。

この書式文字列は、.NETスタイルの標準の数値書式文字列として表されます。

inputElement

inputElement: HTMLInputElement

コントロールによってホストされているHTML入力要素を取得します。

このプロパティは、入力要素の属性をカスタマイズする場合に使用します。

inputType

inputType: string

コントロールによってホストされているHTML入力要素の"type"属性を取得または設定します。

デフォルトでは、このプロパティは"tel"に設定されており、マイナス記号と小数点記号を含む数値キーパッドが表示されます。

デフォルトのままでは現在のカルチャ、デバイス、またはアプリケーションに関してうまく機能しない場合は、このプロパティを使用してデフォルト設定を変更します。その場合、値を"number"または"text"に変更してみてください。

"number"タイプのような入力要素はChromeで選択を防ぐため、推奨されません。詳細については、http://stackoverflow.com/questions/21177489/selectionstart-selectionend-on-input-type-number-no-longer-allowed-in-chrome を参照してください。

isReadOnly

isReadOnly: boolean

ユーザーがマウスとキーボードを使用してコントロール値を変更できるかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はfalse です。

isRequired

isRequired: boolean

コントロールの値を必ず数値に設定しなければならないか、(コントロールの内容を削除することによって)値をnullに設定できるかを示す値を取得または設定します。

このプロパティのデフォルト値はtrueです。

max

max: number

ユーザーが入力できる最も大きい数値を取得または設定します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用」トピックを参照してください。

min

min: number

ユーザーが入力できる最も小さい数値を取得または設定します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用」トピックを参照してください。

placeholder

placeholder: string

コントロールが空のときにヒントとして表示される文字列を取得または設定します。

repeatButtons

repeatButtons: boolean

スピナーボタンがリピートボタン(押された状態で繰り返し実行するボタン)として動作するかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

showSpinner

showSpinner: boolean

コントロールに値を増減するスピナーボタンを表示するかどうかを示す値を取得または設定します(ステッププロパティを0以外の値に設定する必要があります)。

このプロパティのデフォルト値はtrueです。

step

step: number

ユーザーがスピナーボタンを押したときにvalue プロパティを増減する量を取得または設定します。

text

text: string

コントロールに表示されているテキストを取得または設定します。

value

value: number

コントロールの現在の値を取得または設定します。

静的 controlTemplate

controlTemplate: string

InputNumber コントロールのインスタンス化に使用されるテンプレートを取得または設定します。

メソッド

clamp

  • clamp(value: number): number
  • min プロパティおよびmax プロパティで定義された範囲内の値を返します。

    引数

    • value: number

      クランプする値。

    戻り値 number

onTextChanged

  • textChanged イベントを発生させます。

    引数

    戻り値 void

onValueChanged

selectAll

  • selectAll(): void
  • コントロールにフォーカスを設定してそのすべての内容を選択します。

    戻り値 void

イベント

textChanged

textChanged: Event

text プロパティの値が変更されたときに発生します。

valueChanged

valueChanged: Event

ユーザーアクションの結果として、またはコードでの割り当てにより、value プロパティの値が変化すると発生します。