首页 教程 API文档

工具提示插件

2015-11-19 15:09:13

属性


使用频率 中低
模块类型 静态插件

描述


ToolTip方法用于给一个指定widget或者一个指定的DOM元素装入插件,让其支持鼠标移进时候ToolTip组件的显示.

如果用于给DOM元素装入插件,ToolTip插件还支持以事件代理方式监视指定选择器的DOM元素.

事件


名称 回调参数 描述
render 鼠标目标的DOM元素 当ToolTip显示的时候,render事件会被触发.
load 载入的数据 当ToolTip数据载入成功之后,load事件会被触发.

参数选项


名称 类型 默认值 描述
triggerMode String mouseenter 以何种方式触发工具提示,默认为鼠标移进时
timeout Number 200 延迟多少时间之后才显示工具提示,默认200毫秒
delegate String null 事件代理字符串
width Number "auto" 工具提示的宽度
height Number "auto" 工具提示的高度
position String "top" 要以哪个位置来显示工具提示,可取值有top,right,bottom,left

相关例子


例子1,给button装入插件:


Std.dom("button").plugin("ToolTip",{
    html:"button tool tip"
});
        

例子2,给body下插件,鼠标移进button按钮时候显示内容为title属性值:


Std.dom("body").plugin("ToolTip",{
    delegate:"button",
    on:{
        render:function(target){
            this.html(target.attr("title"))
        }
    }
});