欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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";