jQuery EasyUI フォームプラグイン -Slider スライダー

$.fn.slider.defaults を使ってデフォルトの defaults を書き換えます。

スライダー（slider）は、ユーザーが限られた範囲から数値を選択できるようにします。トラックに沿ってスライダーコントロールを移動すると、現在の値を示すツールチップが表示され、ユーザーはプロパティを設定してスライダーをカスタマイズできます。

依存

フォームフィールドとして使用する場合、<input> タグからスライダー（slider）を作成します。

<input class="easyui-slider" value="12" style="width:300px"
    data-options="showTip:true,rule:[0,'|',25,'|',50,'|',75,'|',100]">

<div> からスライダー（slider）を作成することもできますが、'value' プロパティは無効です。

<div class="easyui-slider" data-options="min:10,max:90,step:10" style="width:300px"></div>

スライダー（slider）を作成するようになります。

<div id="ss" style="height:200px"></div>

$('#ss').slider({
    mode: 'v',
    tipFormatter: function(value){
        return value + '%';
    }
});

名前	タイプ	説明	デフォルト値
width	number	スライダー（slider）の幅。	auto
height	number	スライダー（slider）の高さ。	auto
mode	string	スライダー（slider）のタイプ。指定可能な値：'h'（horizontal）、'v'（vertical）。	h
reversed	boolean	true に設定すると、最小値と最大値の位置が入れ替わります。このプロパティはバージョン 1.3.2 以降で使用できます。	false
showTip	boolean	値の情報ツールチップを表示するかどうかを定義します。	false
disabled	boolean	スライダー（slider）を無効にするかどうかを定義します。	false
value	number	デフォルト値。	0
min	number	許可される最小値。	0
max	number	許可される最大値。	100
step	number	増加または減少する値。	1
rule	array	スライダーの横にラベルを表示します。'\|' — 値表示ライン。	[]
tipFormatter	function	スライダーの値をフォーマットする関数。ツールチップとして表示される文字列値を返します。

名前	パラメータ	説明
onChange	newValue,oldValue	テキストフィールドの値が変更されたときに発生します。
onSlideStart	value	スライダーのドラッグを開始したときに発生します。
onSlideEnd	value	スライダーのドラッグを停止したときに発生します。
onComplete	value	スライダーの値がユーザーによって変更されたときに発生します。スライダーのドラッグによる変更でも、スライダーのクリックによる変更でも発生します。このイベントはバージョン 1.3.4 以降で使用できます。

名前	パラメータ	説明
options	none	スライダー（slider）のオプション（options）を返します。
destroy	none	スライダー（slider）オブジェクトを破棄します。
resize	param	スライダーのサイズを設定します。'param' パラメータには以下のプロパティが含まれます： width：新しいスライダーの幅 height：新しいスライダーの高さ
getValue	none	スライダー（slider）の値を取得します。
setValue	value	スライダー（slider）の値を設定します。
clear	none	スライダー（slider）の値をクリアします。このメソッドはバージョン 1.3.5 以降で使用できます。
reset	none	スライダー（slider）の値をリセットします。このメソッドはバージョン 1.3.5 以降で使用できます。
enable	none	スライダー（slider）コンポーネントを有効にします。
disable	none	スライダー（slider）コンポーネントを無効にします。