jQueryのEasyUIベースのプラグイン - プログレスバープログレスバー
$ .fn.progressbar.defaultsして、デフォルトのデフォルトを上書きします。
プログレスバー(プログレスバー)は、長時間の操作の進行状況のフィードバックの表示を提供します。 進行状況は、ユーザが操作は、現在実行されて知らせるために更新することができます。
頼ります
- なし
使用法
プログレスバーの作成(プログレスバー)
プログレスバー(プログレスバー)コンポーネントが作成されたHTMLやプログラミングからタグを作成することができます。 <div>タグに追加」easyui-プログレスバー」クラスに簡単にタグから作成されました。
<DIV ID = "P"クラス= "easyui-プログレスバー「データ・オプション="値:60 "スタイル="幅:400ピクセル; "> </ div>の
プログレスバー(プログレスバー)を作成するにはJavaScriptを使用してください。
<DIV ID = "P"スタイル= "幅:400ピクセル;"> </ div>の
$( '#のP')。プログレス({ 値:60 });
値を取得または設定します
私たちは、コンポーネントの現在の値を取得し、新しい値を設定します。
VAR値= $( '#P')プログレス( 'のgetValue'); 場合(値<100){ 値+ = Math.floor(Math.random()* 10)。 。$( '#のP')プログレス( 'のsetValue'、値); }
プロパティ
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | string | 设置进度条(progressbar)的宽度。 | auto |
height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
value | number | 百分比值。 | 0 |
text | string | 显示在组件上的文本模板。 | {value}% |
イベント
名称 | 参数 | 描述 |
---|---|---|
onChange | newValue,oldValue | 当值改变时触发。 代码实例: $('#p').progressbar({ onChange: function(value){ alert(value) } }); |
ウェイ
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
resize | width | 调整组件尺寸。 代码实例: $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度 |
getValue | none | 返回当前的进度值。 |
setValue | value | 设置一个新的进度值。 |
jQueryのEasyUIプラグイン