InputNumber ウィジェットの HTML マークアップは次のようになります。

<input type="text" id="textbox1" />

次の jQuery スクリプトでウィジェットを初期化できます。このスクリプトで設定されたオプションは、数字のみ（パーセント不可、通貨不可）の入力をユーザーに許可する入力を作成します。ユーザーは -100 未満の数値、1,000 より大きい数値を入力できず、入力には常に３桁区切り文字が表示されます（ウィジェットに値がなくても）。スピナーも表示されるため、ユーザーは入力せずに、値を増減できます。

<script type="text/javascript">
    $(document).ready(function () {
        $("#textbox1").wijinputnumber(
        {
            type: 'numeric',
            minValue: -100,
            maxValue: 1000,
            decimalPlaces: 3,
            showSpinner: true
        });
    });
</script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。スピナーボタンをクリックすると、数字が増減します。

関連トピック

参照

Copyright © GrapeCity inc. All rights reserved.