jQuery EasyUI enchufe basada - barra de progreso Progressbar
plugin de jQuery EasyUI
Por $ .fn.progressbar.defaults anulan los valores predeterminados por defecto.
La barra de progreso (ProgressBar) proporciona una visualización de la retroalimentación progreso de la operación por un largo tiempo. El progreso puede ser actualizado con el fin de que el usuario sepa la operación que se lleva a cabo actualmente.
confiar
- ninguno
uso
Creación de una barra de progreso (ProgressBar)
barra de componentes progreso (ProgressBar) puede crear etiquetas de HTML o programación creada. Creado a partir de la etiqueta más fácil a la clase 'easyui-progressbar' añadido a la etiqueta <div>.
<Id = "p" div class = "easyui-progressbar"-= opciones de datos: el estilo "valor de 60" = "width: 400px;"> </ div>
Usar javascript para crear una barra de progreso (ProgressBar).
<Id = estilo de "p" Div = "width: 400px;"> </ div>
$ ( '# P'). Progressbar ({ Valor: 60 });
Obtiene o establece el valor
Obtenemos el valor actual del componente y para establecer un nuevo valor.
valor var = $ ( '# p') progressbar ( 'getValue') .; si (valor <100) { + = valor Math.floor (Math.random () * 10); . $ ( '# P') progressbar ( 'setValue', valor); }
propiedad
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | string | 设置进度条(progressbar)的宽度。 | auto |
height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
value | number | 百分比值。 | 0 |
text | string | 显示在组件上的文本模板。 | {value}% |
evento
名称 | 参数 | 描述 |
---|---|---|
onChange | newValue,oldValue | 当值改变时触发。 代码实例: $('#p').progressbar({ onChange: function(value){ alert(value) } }); |
camino
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
resize | width | 调整组件尺寸。 代码实例: $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度 |
getValue | none | 返回当前的进度值。 |
setValue | value | 设置一个新的进度值。 |
plugin de jQuery EasyUI