extjs autoEl xtype 名词解释

谁能举两个例子，帮助理解，API上说的太抽象了~
{ xtype:'box',
autoEl:{

tag:'blockquote', html:'autoEl is cool!'
}

恩。。下面这句话错了。
[quote]就是在tag为blockquote创建了一个Ext.BoxComponent对象，这个对象的html值为autoEl is cool!;[/quote]
弄了个示例。。
[code="java"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">


New Document



Ext.onReady(function () { var win = new Ext.Window({ title: 'window', width: 500, height: 400, layout: 'border', renderTo: Ext.getBody(), items: [{ xtype: 'panel', width: 100, height: 200, html: 'this is a panel', region: 'north' }, { xtype: 'panel', region: 'center', html: 'this is another panel', autoEl: { tag: 'div', html: 'autoEl is cool!' } }] }); win.show(); });



[/code]

xtype:'box', 就是说明当前定义的控件是box，对应在API的Ext.component中有说明的。
autoEl就是在该控件中填充的内容是由autoEl中定义并生成的内容。
autoEl:{
tag:'blockquote', html:'autoEl is cool!'
} 就是在该控件中的内容是autoEl is cool!

你可以看看Ext.Component类。。
XTYPE，看以下列表。
xtype列表：
[quote]xtype 类

box Ext.BoxComponent
button Ext.Button
colorpalette Ext.ColorPalette
component Ext.Component
container Ext.Container
cycle Ext.CycleButton
dataview Ext.DataView
datepicker Ext.DatePicker
。。。。。。。[/quote]

autoEl：
[quote]用来创建元素的标签名或DomHelper的配置值。该配置意指使用JSON来创建内嵌的快捷工具组件。该不配不应该用来创建高层的组件，这些组件已经创建了它们自己的元素。示例用法:
{xtype:'box', autoEl: 'div', cls:'my-class'}
{xtype:'box', autoEl: {tag:'blockquote', html:'autoEl is cool!'}} // with DomHelper[/quote]
实际上就是创建对象于对应的Element上。
[quote]{ xtype:'box',
autoEl:{

tag:'blockquote', html:'autoEl is cool!'
}[/quote]
就是在tag为blockquote创建了一个Ext.BoxComponent对象，这个对象的html值为autoEl is cool!;

[quote]就是在tag为blockquote创建了一个Ext.BoxComponent对象，这个对象的html值为autoEl is cool!; [/quote]
楼上说反了吧