easyUI1.7学习第一天
1.进度条(progressbar)
进度条(progressbar)提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。
图片展示
代码实现
Html
<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>
js
使用 javascript 创建进度条(ProgressBar)。
<div id="p" style="width:400px;"></div>
$('#p').progressbar({
value: 60
});
我们获取当前值并且给这个组件设置一个新值。
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}
2.提示框Tooltip
当用户移动鼠标指针在某个元素上时,出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。
图片展示
代码实现
html
<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>
js
<a id="dd" href="