Javascript - ExtJs - ToolTip组件

最新推荐文章于 2022-08-10 00:07:16 发布

weixin_34221773

最新推荐文章于 2022-08-10 00:07:16 发布

阅读量149

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/myrocknroll/p/7482671.html

本文详细介绍了 ExtJS 中的提示信息组件及其使用方法，包括 ToolTip 的配置选项及如何创建快捷提示。通过实例展示了如何针对特定元素设置提示内容、样式及行为，帮助开发者更好地利用这一功能增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

快捷提示

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

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

Javascript - 学习总目录

转载于:https://www.cnblogs.com/myrocknroll/p/7482671.html