EasyUI系列学习(六)-Tooltip(提示框)_html/css_WEB-ITnose
程序员文章站
2022-05-09 15:57:39
...
一、创建组件
0.Tooltip不依赖其他组件
1.使用class加载
Hover me
2.使用js加载
Hover me
二、属性
1.position:消息框位置(left,right,top,默认bottom)
Hover me
2.content:消息框内容,可以是html
Hover me
3.trackMouse:为true时,允许提示框跟鼠标移动
Hover me
4.deltaX,deltaY:提示框具体左上角的位置
Hover me
5.showDelay,hideDelay延时多少毫秒显示/隐藏提示框,默认是200
Hover me
6.showEvent,hideEvent:激活显示/隐藏事件时候的提示框,默认为mouseenter,mouseleave
Hover me
三、事件
1.onShow,onHide:在显示/隐藏提示框的时候触发
Hover me
2.onUpdate:在提示框内容更新时触发,默认content为null
Hover me
3.onPosition:在提示框位置被改变的时候触发
Hover me
4.onDestroy:在提示框被撤销的时候触发
Hover me
四、方法
1.options:返回属性对象
2.show,hide:显示/隐藏提示框
Hover me
3.update:更新content的内容
Hover me
4.tip:返回tip元素对象;arraw返回箭头元素对象(实际就是提示框生成的两个div)
Hover me
5.reposition:重置提示框位置
Hover me
五、组件默认值
$.fn.tooltip.defaults.position = "right";
上一篇: Yii框架改动数据类型