📄 ext.tip.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.Tip-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Tip-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Tip-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Tip-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Tip"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.Tip</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"> Tip.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.Tip </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Panel </td> </tr> </table> <div class="description"> 这是 <a href="###" onClick="alert('Ext.QuickTip');">Ext.QuickTip</a> 和 <a href="###" onClick="alert('Ext.Tooltip');">Ext.Tooltip</a> 对象的基类,提供了所有基于提示的类所必须的基础布局和定位。
这个类可以直接用于简单的、静态定位、需要编程显示的提示,还可以提供实现自定义扩展的提示 </div> <div class="hr"> </div> <a id="Ext.Tip-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="closable-header"></a> <b>closable</b> : Boolean <div class="mdesc"> <div class="short"> 值为 true 则在工具提示的头部渲染一个关闭按钮(默认为 false)。
</div> <div class="long"> 值为 true 则在工具提示的头部渲染一个关闭按钮(默认为 false)。
</div> </div> </td> <td class="msource"> Tip </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="minWidth-header"></a> <b>minWidth</b> : Number <div class="mdesc"> <div class="short"> 以像素为单位表示的提示的最小宽度(默认为 40)。
</div> <div class="long"> 以像素为单位表示的提示的最小宽度(默认为 40)。
</div> </div> </td> <td class="msource"> Tip </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maxWidth-header"></a> <b>maxWidth</b> : Number <div class="mdesc"> <div class="short"> 以像素为单位表示的提示的最大宽度(默认为 300)。
</div> <div class="long"> 以像素为单位表示的提示的最大宽度(默认为 300)。
</div> </div> </td> <td class="msource"> Tip </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="shadow-header"></a> <b>shadow</b> : Boolean/String <div class="mdesc"> <div class="short"> True 表示为(或一个有效Ext.Shadow#mode 值) 在面... </div> <div class="long"> True 表示为(或一个有效<a href="###" onClick="alert('Ext.Shadow#mode');">Ext.Shadow#mode</a> 值) 在面板后显示投影效果,(默认为'sides'四边) 注意此项只当floating = true时有效。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Panel" ext:member="#method-shadow" href="output/Ext.Panel.html#method-shadow"> Panel </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="defaultAlign-header"></a> <b>defaultAlign</b> : String <div class="mdesc"> <div class="short"> 试验性的。默认为 Ext.Element#alignTo 锚点定位值,... </div> <div class="long"> <b>试验性的</b>。默认为 <a href="###" onClick="alert('Ext.Element#alignTo');">Ext.Element#alignTo</a> 锚点定位值,用来让该提示定位到它所属元素的关联位置(默认为 "tl-bl?")。
</div> </div> </td> <td class="msource"> Tip </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="applyTo-header"></a> <b>applyTo</b> : Mixed <div class="mdesc"> <div class="short"> 节点的id,或是DOM节点,又或者是与DIV相当的现有元素,这些都是文... </div> <div class="long"> 节点的id,或是DOM节点,又或者是与DIV相当的现有元素,这些都是文档中已经存在的元素 当使用applyTo后,主元素所指定的id或CSS样式类将会作用于组件构成的部分, 而被创建的组件将会尝试着根据这些markup构建它的子组件。 使用了这项配置后,不需要执行render()的方法。 若指定了applyTo,那么任何由<a href="###" onClick="alert('#renderTo');">#renderTo</a>传入的值将会被忽略并使用目标元素的父级元素作为组件的容器。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Component" ext:member="#method-applyTo" href="output/Ext.Component.html#method-applyTo"> Component </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="tbar-header"></a> <b>tbar</b> : Object/Array <div class="mdesc"> <div class="short"> 面板底部的工具条。此项可以是Ext.Toolbar的实例、工具条的配置... </div> <div class="long"> 面板底部的工具条。此项可以是<a href="###" onClick="alert('Ext.Toolbar');">Ext.Toolbar</a>的实例、工具条的配置对象,或由按钮配置项对象 构成的数组,以加入到工具条中。注意,此项属性渲染过后就不可用了, 应使用<a href="###" onClick="alert('#getBottomToolbar');">#getBottomToolbar</a>的方法代替。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.Panel" ext:member="#method-tbar" href="output/Ext.Panel.html#method-tbar"> Panel </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="header-header"></a> <b>header</b> : Boolean <div class="mdesc"> <div class="short"> True表示为显式建立头部元素,false则是跳过创建。缺省下,如不创... </div> <div class="long"> True表示为显式建立头部元素,false则是跳过创建。缺省下,如不创建头部, 将使用{@link #title} 的内容设置到头部去,如没指定title则不会。 如果设置好title,但头部设置为false,那么头部亦不会生成。
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -