标签:fun click sage hover 对象 方法 rip func javascrip
一、创建组件
Tooltip不依赖其他组件
1.使用class加载
<a href="#" class="easyui-tooltip" title="这是一个提示信息">Hover me</a>
2.使用js加载
<a id="dd" href="javascript:void(0)">Click here</a>
选择创建,方法使用格式;
属性
| 属性名 | 属性值类型 | 描述 | 默认值 |
|---|---|---|---|
| position | string | 消息框位置。可用值有:"left","right","top","bottom" | bottom |
| content | string | 消息框内容。 | null |
| trackMouse | boolean | 为true时,允许提示框跟着鼠标移动。 | false |
| deltaX | number | 水平方向提示框的位置。 | 0 |
| deltaY | number | 垂直方向提示框的位置。 | 0 |
| showEvent | string | 当激发什么事件的时候显示提示框。 | mouseenter |
| hideEvent | string | 当激发什么事件的时候隐藏提示框。 | mouseleave |
| showDelay | number | 延时多少秒显示提示框。 | 200 |
| hideDelay | number | 延时多少秒隐藏提示框。 | 100 |
| 事件名称 | 事件参数 | 描述 |
|---|---|---|
| onShow | e | 在显示提示框的时候触发。 |
| onHide | e | 在隐藏提示框的时候触发。 |
| onUpdate | content | 在提示框内容更新的时候触发。 |
| onPosition | left,top | 在提示框位置改变的时候触发。 |
| onDestroy | none | 在提示框被销毁的时候触发。 |
| 方法名 | 方法参数 | 描述 |
|---|---|---|
| options | none | 返回控件属性对象。 |
| tip | none | 返回tip元素对象。 |
| arrow | none | 返回箭头元素对象。 |
| show | e | 显示提示框。 |
| hide | e | 隐藏提示框。 |
| update | content | 更新提示框内容。 |
| reposition | none | 重置提示框位置。 |
| destroy | none | 销毁提示框。 |
标签:fun click sage hover 对象 方法 rip func javascrip
原文地址:http://www.cnblogs.com/m5n7xiao/p/7615418.html