Javascript - ExtJs - ToolTip组件

一个浮动的提示信息组件……

Ext.create('Ext.tip.ToolTip', {
    target: 'component | componentID | htmlID ',  //提示将显示在哪个容器里
    html: '你的银行卡呢？交出来！',                  //提示信息
    dismissDelay: ,                                //可选 毫秒后隐藏
    autoLoad: { url: '', params: {} },                  //可选 ajax请求，自动绑定返回的数据
    title: '打劫',                                            //可选，标题
    closable: true,                                      //可选
    draggable: true,                                   //可选
    trackMouse: true,                               //可选 跟随鼠标移动
    anchorOffset: ,                               //可选 指定箭头的位置
    anchor: 'buttom',                               //可选 指定箭头的指向 top,left,right,buttom
});

快捷提示

Ext.QuickTips.init(); //在Ext ready时先初始化快速提示组件

Ext.create("Ext.Button", {
    renderTo: Ext.get("tipdiv"),
    text: "按钮上的快速提示",
    tooltip: "提示信息"  //将tooltip配置在任何组件上，鼠标滑过时会自动提示
});

Javascript - 学习总目录