jQuery EasyUI フォームプラグイン -Numberspinner 数値スピナー

jQuery EasyUI 插件jQuery EasyUI プラグイン

拡張元は $.fn.spinner.defaults と $.fn.numberbox.defaults。$.fn.numberspinner.defaults を使用してデフォルトの defaults を上書きします。

数値スピナー（numberspinner）は、スピナー（spinner）と数値ボックス（numberbox）を基に作成されています。入力値を異なるタイプ（例：数値 numeric、パーセント percentage、通貨 currency など）に変換できます。ユーザーは上/下スピンボタンを使用して目的の値までスクロールできます。

依存

  • spinner
  • numberbox

使用方法

マークアップから数値スピナー（numberspinner）を作成します。

<input id="ss" class="easyui-numberspinner" style="width:80px;"
    required="required" data-options="min:10,max:100,editable:false">

JavaScript を使用して数値スピナー（numberspinner）を作成します。

<input id="ss" required="required" style="width:80px;">

$('#ss').numberspinner({
    min: 10,
    max: 100,
    editable: false
});

数値スピナー（numberspinner）を作成し、数値を通貨文字列にフォーマットします。

<input class="easyui-numberspinner" value="1234567890" style="width:150px;"
    data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">

プロパティ

このプロパティはスピナー（spinner）と数値ボックス（numberbox）から拡張されています。

イベント

このイベントはスピナー（spinner）から拡張されています。

メソッド

このメソッドはスピナー（spinner）から拡張されています。以下は数値スピナー（numberspinner）のためにオーバーライドされたメソッドです。

名前 パラメータ 説明
options none オプション（options）オブジェクトを返します。
setValue value 数値スピナー（numberspinner）の値を設定します。
コード例：
$('#ss').numberspinner('setValue', 8234725);  // set value
var v = $('#ss').numberspinner('getValue');  // get value
alert(v)
jQuery EasyUI 插件jQuery EasyUI プラグイン その他の拡張