ext.quicktips.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

<!--
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.QuickTips-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.QuickTips-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.QuickTips-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.QuickTips-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.QuickTips"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.QuickTips</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">
                QuickTips.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.QuickTips
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        <p>为所有元素提供有吸引力和可定制的工具提示。QuickTips 是一个单态（singleton）类，被用来为多个元素的提示进行通用地、全局地配置和管理。
  想要最大化地定制一个工具提示，你可以考虑使用 <a href="###" onClick="alert('Ext.Tip');">Ext.Tip</a> 或者 <a href="###" onClick="alert('Ext.ToolTip');">Ext.ToolTip</a>。</p>
  <p>Quicktips 对象可以直接通过标签的属性来配置，或者在程序中通过 <a href="###" onClick="alert('#register');">#register</a> 方法注册提示。</p>
  <p>单态的 <a href="###" onClick="alert('Ext.QuickTip');">Ext.QuickTip</a> 对象实例可以通过 <a href="###" onClick="alert('#getQuickTip');">#getQuickTip</a> 方法得到，并且提供所有的方法和所有 Ext.QuickTip 对象中的配置属性。
  这些设置会被应用于所有显示的工具提示。</p>
  <p>下面是可用的配置属性的汇总。详细的说明可以参见 <a href="###" onClick="alert('#getQuickTip');">#getQuickTip</a></p>
  <p><b>QuickTips 单态配置项（所有均为可选项）</b></p>
  <div class="mdetail-params"><ul><li>dismissDelay</li>
  <li>hideDelay</li>
  <li>maxWidth</li>
  <li>minWidth</li>
  <li>showDelay</li>
  <li>trackMouse</li></ul></div>
  <p><b>目标元素配置项（除有说明的均为可选项）</b></p>
  <div class="mdetail-params"><ul><li>autoHide</li>
  <li>cls</li>
  <li>dismissDelay （将覆写单态同名选项值）</li>
  <li>target （必须）</li>
  <li>text （必须）</li>
  <li>title</li>
  <li>width</li></ul></div>
  <p>下面是一个用来说明其中的一些配置选项如何使用的例子：</p>
  <pre><code>
// 初始化单态类。所有基于标签的提示将开始启用。
Ext.QuickTips.init();

// 应用配置选项到对象上
Ext.apply(Ext.QuickTips.getQuickTip(), {
    maxWidth: 200,
    minWidth: 100,
    showDelay: 50,
    trackMouse: true
});

// 手动注册一个工具提示到指定的元素上
q.register({
    target: 'my-div',
    title: 'My Tooltip',
    text: 'This tooltip was added in code',
    width: 100,
    dismissDelay: 20
});
</code></pre>
  <p>在标签中注册一个快捷提示，只需要简单地一个或多个有效的 QuickTip 属性并加上 <b>ext:</b> 作为命名空间前缀。
  HTML 元素自身将自动地被设置为快捷提示的目标。下面是可用的属性的汇总（除有说明的均为可选项）：</p>
  <ul><li><b>hide</b>：指定为 "user" 等同于设置 autoHide = false。其他任何值则相当于 autoHide = true。</li>
  <li><b>qclass</b>：应用于快捷提示的 CSS 类（等同于目标元素中的 'cls' 配置）。</li>
  <li><b>qtip （必须）</b>：快捷提示的文本（等同于目标元素中的 'text' 配置）。</li>
  <li><b>qtitle</b>：快捷提示的标题（等同于目标元素中的 'title' 配置）。</li>
  <li><b>qwidth</b>：快捷提示的宽度（等同于目标元素中的 'width' 配置）。</li></ul>
  <p>下面是一个说明如何通过使用标签在 HTML 元素上显示快捷提示的例子：</p>
  <pre><code>
// 往一个 HTML 的按钮中添加快捷提示
&lt;input type="button" value="OK" ext:qtitle="OK Button" ext:qwidth="100"
     ext:qtip="This is a quick tip from markup!">&lt;/input>
</code></pre>
  
    </div>
    <div class="hr">
    </div>
    <a id="Ext.QuickTips-configs"></a>
    <h2>配置项</h2>
    
    
        这个类没有配置项。
    
	<a id="Ext.QuickTips-props"></a>
    <h2>公告属性</h2>
    
    
        这个类没有公告属性。
    
    <a id="Ext.QuickTips-methods"></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="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="init-init"></a>
                        <b>init</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 初始化全局 QuickTips 实例
 
                            </div>
                            <div class="long">
                                
 初始化全局 QuickTips 实例
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        QuickTips
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="enable-enable"></a>
                        <b>enable</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 打开全局快速提示功能.
 
                            </div>
                            <div class="long">
                                
 打开全局快速提示功能.
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        QuickTips
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="disable-disable"></a>
                        <b>disable</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 关闭全局快速提示功能.
 
                            </div>
                            <div class="long">
                                
 关闭全局快速提示功能.
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        QuickTips
                        
                    </td>
                </tr>