📄 ext.quicktip.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.QuickTip-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.QuickTip-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.QuickTip-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.QuickTip-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.QuickTip"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.QuickTip</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> QuickTip.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.QuickTip </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.ToolTip </td> </tr> </table> <div class="description"> 一个专门的tooltip类 for tooltips that can be specified in markup and automatically managed by the 全局
<a href="###" onClick="alert('Ext.QuickTips');">Ext.QuickTips</a> instance. 更多信息请参看QuickTips类 header for 附带的例子和详细用法 </div> <div class="hr"> </div> <a id="Ext.QuickTip-configs"></a> <h2>配置项</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置项 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="target-header"></a> <b>target</b> : Mixed <div class="mdesc"> <div class="short"> HTMLElement目标元素,既可是Ext.Element或是与这个... </div> <div class="long"> HTMLElement目标元素,既可是Ext.Element或是与这个快捷提示相关联的id。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-target" href="output/Ext.ToolTip.html#method-target"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="-header"></a> <b></b> : <div class="mdesc"> <div class="short"> </div> <div class="long"> </div> </div> </td> <td class="msource"> QuickTip </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="autoHide-header"></a> <b>autoHide</b> : Boolean <div class="mdesc"> <div class="short"> 值为 true 时在鼠标移出目标元素自动隐藏快捷提示(默认为 true... </div> <div class="long"> 值为 true 时在鼠标移出目标元素自动隐藏快捷提示(默认为 true)。与<a href="###" onClick="alert('#dismissDelay');">#dismissDelay</a>协同生效(默认为true)。
若<a href="###" onClick="alert('closable');">closable</a>,一个关闭的按钮会出现在快捷提示的开头。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-autoHide" href="output/Ext.ToolTip.html#method-autoHide"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="showDelay-header"></a> <b>showDelay</b> : Number <div class="mdesc"> <div class="short"> 以毫秒表示的当鼠标进入目标元素后显示快捷提示的延迟时间(默认为 500)
</div> <div class="long"> 以毫秒表示的当鼠标进入目标元素后显示快捷提示的延迟时间(默认为 500)
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-showDelay" href="output/Ext.ToolTip.html#method-showDelay"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="hideDelay-header"></a> <b>hideDelay</b> : Number <div class="mdesc"> <div class="short"> 以毫秒表示的隐藏快捷提示的延迟时间。设置为0立即隐藏快捷提示。
</div> <div class="long"> 以毫秒表示的隐藏快捷提示的延迟时间。设置为0立即隐藏快捷提示。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-hideDelay" href="output/Ext.ToolTip.html#method-hideDelay"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="dismissDelay-header"></a> <b>dismissDelay</b> : Number <div class="mdesc"> <div class="short"> 以毫秒表示的隐藏快捷提示的延迟时间, 仅在 autoDismiss =... </div> <div class="long"> 以毫秒表示的隐藏快捷提示的延迟时间, 仅在 autoDismiss = true 时生效(默认为 5000)。要禁止隐藏,设置dismissDelay = 0
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-dismissDelay" href="output/Ext.ToolTip.html#method-dismissDelay"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="mouseOffset-header"></a> <b>mouseOffset</b> : Array <div class="mdesc"> <div class="short"> Tooltip显示时,距离鼠标位置一定的XY偏移(默认[15,18])。
</div> <div class="long"> Tooltip显示时,距离鼠标位置一定的XY偏移(默认[15,18])。
</div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.ToolTip" ext:member="#method-mouseOffset" href="output/Ext.ToolTip.html#method-mouseOffset"> ToolTip </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="trackMouse-header"></a> <b>trackMouse</b> : Boolean <div class="mdesc"> <div class="short"> 值为 true 时当鼠标经过目标对象时快捷提示将跟随鼠标移动(默认为 ... </div> <div class="long">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -