ext.colorpalette.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.ColorPalette-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.ColorPalette-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.ColorPalette-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.ColorPalette-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.ColorPalette"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.ColorPalette</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">
                ColorPalette.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.ColorPalette
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.Component
            </td>
        </tr>
    </table>
    <div class="description">
        选择颜色使用的简单的调色板。调色板可在任意窗口内渲染。<br />
  这里是一个典型用例:
  <pre><code>
var cp = new Ext.ColorPalette({value:'993300'});  // 初始化时选中的颜色
cp.render('my-div');

cp.on('select', function(palette, selColor){
    // 用 selColor 来做此事情
});
</code></pre
    </div>
    <div class="hr">
    </div>
    <a id="Ext.ColorPalette-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">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="itemCls-header"></a>
                        <b>itemCls</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                容器元素应用的 CSS 样式类(默认为 "x-color-palette") 
                            </div>
                            <div class="long">
                                容器元素应用的 CSS 样式类(默认为 "x-color-palette") 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ColorPalette
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="value-header"></a>
                        <b>value</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                初始化时高亮的颜色(必须为不包含 # 符号的6位16进制颜色编码)。注... 
                            </div>
                            <div class="long">
                                初始化时高亮的颜色(必须为不包含 # 符号的6位16进制颜色编码)。注意16进制编码是区分大小写的。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ColorPalette
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="allowReselect-header"></a>
                        <b>allowReselect</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                如果值为 true, 则在触发 select 事件时重选已经选择的颜色 
                            </div>
                            <div class="long">
                                如果值为 true, 则在触发 select 事件时重选已经选择的颜色 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            ColorPalette
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="id-header"></a>
                        <b>id</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                唯一的组件id（默认为自动分配的id）。 
                            </div>
                            <div class="long">
                                唯一的组件id（默认为自动分配的id）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component" 
								ext:member="#method-id" 
								href="output/Ext.Component.html#method-id">
								Component
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="xtype-header"></a>
                        <b>xtype</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                The registered xtype to create.  用于... 
                            </div>
                            <div class="long">
                                The registered xtype to create.  用于登记一个xtype。 This config option is not used when passing a config object into a constructor.  This config option is used only when lazy instantiation is being used, and a child item of a Container is being specified not as a fully instantiated Component, but as a <i>Component config object</i>.  The xtype will be looked up at render time up to determine what type of child Component to create.<br><br> The predefined xtypes are listed {@link Ext.Component here}. <br><br> If you subclass Components to create your own Components, you may register them using <a href="###" onClick="alert('Ext.ComponentMgr#registerType');">Ext.ComponentMgr#registerType</a> in order to be able to take advantage of lazy instantiation and rendering. 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component" 
								ext:member="#method-xtype" 
								href="output/Ext.Component.html#method-xtype">
								Component
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="cls-header"></a>
                        <b>cls</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                一个可选添加的CSS样式类，加入到组件的容器上（默认为''）。 这为容... 
                            </div>
                            <div class="long">
                                一个可选添加的CSS样式类，加入到组件的容器上（默认为''）。 这为容器或容器的子节点加入标准CSS规则提供了方便。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component" 
								ext:member="#method-cls" 
								href="output/Ext.Component.html#method-cls">
								Component
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="style-header"></a>
                        <b>style</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                作用在组件元素上特定的样式。该值的有效格式应如Ext.Element#... 
                            </div>
                            <div class="long">
                                作用在组件元素上特定的样式。该值的有效格式应如<a href="###" onClick="alert('Ext.Element#applyStyles');">Ext.Element#applyStyles</a>。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component" 
								ext:member="#method-style" 
								href="output/Ext.Component.html#method-style">
								Component
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="plugins-header"></a>
                        <b>plugins</b>
                        : Object/Array
                        <div class="mdesc">
                            <div class="short">
                                针对该组件自定义的功能，是对象或这些对象组成的数组。 一个有效的插件须... 
                            </div>
                            <div class="long">
                                针对该组件自定义的功能，是对象或这些对象组成的数组。 一个有效的插件须保证带有一个init的方法以便接收属于Ext.Component类型的引用。 当一个组件被创建后，若发现由插件可用，组件会调用每个插件上的init方法，传入一个应用到插件本身。   这样，插件便能按照组件所提供的功能，调用到组件的方法或响应事件。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component"