<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
<link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../prettify/prettify.js"></script>
<style type="text/css">
.highlight { display: block; background-color: #ddd; }
</style>
<script type="text/javascript">
function highlight() {
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
}
</script>
</head>
<body onload="prettyPrint(); highlight();">
<pre class="prettyprint lang-js"><span id='Ext-AbstractComponent'>/**
</span> * @class Ext.AbstractComponent
* <p>An abstract base class which provides shared methods for Components across the Sencha product line.</p>
* <p>Please refer to sub class's documentation</p>
*/
Ext.define('Ext.AbstractComponent', {
/* Begin Definitions */
mixins: {
observable: 'Ext.util.Observable',
animate: 'Ext.util.Animate',
state: 'Ext.state.Stateful'
},
requires: [
'Ext.PluginManager',
'Ext.ComponentManager',
'Ext.core.Element',
'Ext.core.DomHelper',
'Ext.XTemplate',
'Ext.ComponentQuery',
'Ext.LoadMask',
'Ext.ComponentLoader',
'Ext.EventManager',
'Ext.layout.Layout',
'Ext.layout.component.Auto'
],
// Please remember to add dependencies whenever you use it
// I had to fix these many times already
uses: [
'Ext.ZIndexManager'
],
statics: {
AUTO_ID: 1000
},
/* End Definitions */
isComponent: true,
getAutoId: function() {
return ++Ext.AbstractComponent.AUTO_ID;
},
<span id='Ext-AbstractComponent-cfg-id'> /**
</span> * @cfg {String} id
* <p>The <b><u>unique id of this component instance</u></b> (defaults to an {@link #getId auto-assigned id}).</p>
* <p>It should not be necessary to use this configuration except for singleton objects in your application.
* Components created with an id may be accessed globally using {@link Ext#getCmp Ext.getCmp}.</p>
* <p>Instead of using assigned ids, use the {@link #itemId} config, and {@link Ext.ComponentQuery ComponentQuery} which
* provides selector-based searching for Sencha Components analogous to DOM querying. The {@link Ext.container.Container Container}
* class contains {@link Ext.container.Container#down shortcut methods} to query its descendant Components by selector.</p>
* <p>Note that this id will also be used as the element id for the containing HTML element
* that is rendered to the page for this component. This allows you to write id-based CSS
* rules to style the specific instance of this component uniquely, and also to select
* sub-elements using this component's id as the parent.</p>
* <p><b>Note</b>: to avoid complications imposed by a unique <tt>id</tt> also see <code>{@link #itemId}</code>.</p>
* <p><b>Note</b>: to access the container of a Component see <code>{@link #ownerCt}</code>.</p>
*/
<span id='Ext-AbstractComponent-cfg-itemId'> /**
</span> * @cfg {String} itemId
* <p>An <tt>itemId</tt> can be used as an alternative way to get a reference to a component
* when no object reference is available. Instead of using an <code>{@link #id}</code> with
* {@link Ext}.{@link Ext#getCmp getCmp}, use <code>itemId</code> with
* {@link Ext.container.Container}.{@link Ext.container.Container#getComponent getComponent} which will retrieve
* <code>itemId</code>'s or <tt>{@link #id}</tt>'s. Since <code>itemId</code>'s are an index to the
* container's internal MixedCollection, the <code>itemId</code> is scoped locally to the container --
* avoiding potential conflicts with {@link Ext.ComponentManager} which requires a <b>unique</b>
* <code>{@link #id}</code>.</p>
* <pre><code>
var c = new Ext.panel.Panel({ //
{@link Ext.Component#height height}: 300,
{@link #renderTo}: document.body,
{@link Ext.container.Container#layout layout}: 'auto',
{@link Ext.container.Container#items items}: [
{
itemId: 'p1',
{@link Ext.panel.Panel#title title}: 'Panel 1',
{@link Ext.Component#height height}: 150
},
{
itemId: 'p2',
{@link Ext.panel.Panel#title title}: 'Panel 2',
{@link Ext.Component#height height}: 150
}
]
})
p1 = c.{@link Ext.container.Container#getComponent getComponent}('p1'); // not the same as {@link Ext#getCmp Ext.getCmp()}
p2 = p1.{@link #ownerCt}.{@link Ext.container.Container#getComponent getComponent}('p2'); // reference via a sibling
* </code></pre>
* <p>Also see <tt>{@link #id}</tt>, <code>{@link Ext.container.Container#query}</code>,
* <code>{@link Ext.container.Container#down}</code> and <code>{@link Ext.container.Container#child}</code>.</p>
* <p><b>Note</b>: to access the container of an item see <tt>{@link #ownerCt}</tt>.</p>
*/
<span id='Ext-AbstractComponent-property-ownerCt'> /**
</span> * This Component's owner {@link Ext.container.Container Container} (defaults to undefined, and is set automatically when
* this Component is added to a Container). Read-only.
* <p><b>Note</b>: to access items within the Container see <tt>{@link #itemId}</tt>.</p>
* @type Ext.Container
* @property ownerCt
*/
<span id='Ext-AbstractComponent-property-layoutManagedWidth'> /**
</span> * @private
* Flag set by the container layout to which this Component is added.
* If the layout manages this Component's width, it sets the value to 1.
* If it does NOT manage the width, it sets it to 2.
* If the layout MAY affect the width, but only if the owning Container has a fixed width, this is set to 0.
* @type boolean
* @property layoutManagedWidth
*/
<span id='Ext-AbstractComponent-property-layoutManagedHeight'> /**
</span> * @private
* Flag set by the container layout to which this Component is added.
* If the layout manages this Component's height, it sets the value to 1.
* If it does NOT manage the height, it sets it to 2.
* If the layout MAY affect the height, but only if the owning Container has a fixed height, this is set to 0.
* @type boolean
* @property layoutManagedHeight
*/
<span id='Ext-AbstractComponent-cfg-autoEl'> /**
</span> * @cfg {Mixed} autoEl
* <p>A tag name or {@link Ext.core.DomHelper DomHelper} spec used to create the {@link #getEl Element} which will
* encapsulate this Component.</p>
* <p>You do not normally need to specify this. For the base classes {@link Ext.Component} and {@link Ext.container.Container},
* this defaults to <b><tt>'div'</tt></b>. The more complex Sencha classes use a more complex
* DOM structure specified by their own {@link #renderTpl}s.</p>
* <p>This is intended to allow the developer to create application-specific utility Components encapsulated by
* different DOM elements. Example usage:</p><pre><code>
{
xtype: 'component',
autoEl: {
tag: 'img',
src: 'http://www.example.com/example.jpg'
}
}, {
xtype: 'component',
autoEl: {
tag: 'blockquote',
html: 'autoEl is cool!'
}
}, {
xtype: 'container'
Ext JS 4 api
5星 · 超过95%的资源 需积分: 10 23 浏览量
2012-01-13
09:37:29
上传
评论
收藏 9.59MB RAR 举报 
Ext JS 4 api （1346个子文件） 
docs-ext.css 384KB viewport.css 27KB reset.css 2KB scrollbars.css 831B prettify.css 620B
loading.gif 16KB tool-sprites.gif 5KB btn.gif 4KB error-tip-corners.gif 4KB large-loading.gif 3KB blue-loading.gif 3KB tools-sprites-trans.gif 3KB group-cs.gif 2KB search-trigger.gif 2KB loading-balls.gif 2KB tb-sprite.gif 2KB checkbox.gif 2KB panel-header-default-framed-top-sides.gif 2KB panel-header-default-framed-bottom-sides.gif 2KB panel-header-default-framed-collapsed-top-sides.gif 2KB panel-header-default-framed-collapsed-bottom-sides.gif 2KB clear-trigger.gif 2KB tab-default-bottom-over-sides.gif 2KB tab-default-bottom-sides.gif 2KB tab-default-bottom-active-sides.gif 2KB spinner.gif 2KB tab-default-top-over-sides.gif 2KB tab-default-top-active-sides.gif 2KB tab-default-top-sides.gif 2KB btn-default-large-pressed-sides.gif 2KB btn-default-toolbar-large-over-sides.gif 2KB btn-default-toolbar-large-focus-sides.gif 2KB btn-default-toolbar-large-pressed-sides.gif 2KB tab-default-bottom-disabled-sides.gif 2KB tab-default-top-disabled-sides.gif 2KB btn-default-medium-pressed-sides.gif 2KB btn-default-large-over-sides.gif 2KB btn-default-large-disabled-sides.gif 2KB btn-default-large-focus-sides.gif 2KB btn-default-large-sides.gif 2KB btn-default-toolbar-medium-pressed-sides.gif 2KB btn-default-toolbar-medium-focus-sides.gif 2KB btn-default-toolbar-medium-over-sides.gif 2KB menu-item-active-sides.gif 2KB btn-default-medium-disabled-sides.gif 2KB btn-default-medium-sides.gif 2KB btn-default-medium-focus-sides.gif 2KB btn-default-medium-over-sides.gif 2KB btn-default-toolbar-small-pressed-sides.gif 2KB btn-default-small-pressed-sides.gif 2KB btn-default-toolbar-small-focus-sides.gif 2KB btn-default-small-over-sides.gif 2KB btn-default-small-focus-sides.gif 2KB btn-default-toolbar-small-over-sides.gif 2KB btn-default-small-disabled-sides.gif 2KB btn-default-small-sides.gif 2KB btn-default-large-pressed-bg.gif 2KB scroll-right.gif 2KB panel-header-default-top-bg.gif 2KB panel-header-default-bottom-bg.gif 2KB scroll-left.gif 2KB datepicker-header-bg.gif 2KB column-header-bg.gif 2KB btn-default-toolbar-large-over-bg.gif 2KB btn-default-toolbar-large-focus-bg.gif 2KB btn-default-medium-pressed-bg.gif 2KB btn-default-toolbar-large-pressed-bg.gif 2KB btn-default-toolbar-medium-pressed-bg.gif 2KB panel-header-default-framed-right-sides.gif 2KB panel-header-default-framed-top-bg.gif 2KB panel-header-default-framed-left-sides.gif 2KB btn-default-large-over-bg.gif 2KB btn-default-large-focus-bg.gif 2KB panel-header-default-framed-bottom-bg.gif 2KB toolbar-default-bg.gif 2KB progress-default-bg.gif 2KB datepicker-footer-bg.gif 2KB menu-item-active-bg.gif 2KB panel-header-default-framed-collapsed-right-sides.gif 2KB panel-header-default-framed-collapsed-left-sides.gif 2KB btn-default-toolbar-medium-over-bg.gif 2KB btn-default-toolbar-medium-focus-bg.gif 2KB btn-default-large-disabled-bg.gif 2KB btn-default-large-bg.gif 2KB panel-header-default-framed-collapsed-top-bg.gif 2KB panel-header-default-framed-collapsed-bottom-bg.gif 2KB btn-default-medium-over-bg.gif 2KB btn-default-medium-focus-bg.gif 2KB trigger.gif 2KB btn-default-toolbar-small-pressed-bg.gif 2KB btn-default-small-pressed-bg.gif 2KB trigger-square.gif 2KB btn-default-medium-bg.gif 2KB btn-default-medium-disabled-bg.gif 2KB btn-default-small-focus-bg.gif 2KB btn-default-small-over-bg.gif 2KB btn-default-toolbar-small-focus-bg.gif 2KB btn-default-toolbar-small-over-bg.gif 2KB btn-default-small-disabled-bg.gif 2KB btn-default-small-bg.gif 2KB共 1346 条
- 1
- 2
- 3
- 4
- 5
- 6
- 14
- 1
- 2
前往页