jQueryのEasyUIフォームプラグイン - スライダースライダー
$ .fn.slider.defaultsして、デフォルトのデフォルトを上書きします。
スライダー(スライダー)は、ユーザが制限された範囲から値を選択することができます。 あなたはトラックコントロールに沿ってスライダを動かすと、現在の値を示すメッセージボックスを表示し、ユーザーがそのプロパティを設定することで、スライダをカスタマイズすることができます。
頼ります
- ドラッグ可能
使用法
<入力>から使用するフォームフィールドとして使用する場合タグはスライダー(スライダー)を作成します。
<入力クラス= "easyuiスライダー"値= "12"スタイル= "幅:300ピクセル" データ・オプション= "showTip:真、ルール:[0、 '|'、25、 '|'、50、 '|'、75、 '|'、100]">
以下からの<div>も許可されているスライダー(スライダー)を作成しますが、「値」属性は無効です。
<DIVクラス= "easyuiスライダー「データ・オプション="分:10、最大:90、ステップ:10 "スタイル="幅:300ピクセル "> </ div>の
(スライダー)へのスライドを作成します。
<DIVのID = "SS"スタイル= "高さ:200pxの"> </ div>の
$( '#S-S')。スライダー({ モード:「V」、 tipFormatter:関数(値){ 戻り値は+ '%'; } });
プロパティ
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
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)组件。 |
jQueryのEasyUIプラグイン