在ext中,页面上的标签如果编写合适,可以自动转化为Ext的组件。
这里面分几种情况,
第一种,使用ext.get.
第二种,在声明了一个组件,如panel之后,只要正确注明class属性,panel组件对应的id对象中内嵌的部分可以自动转化,例如:
items: new Ext.TabPanel({ el: 'hello-tabs', autoTabs:true, activeTab:0, deferredRender:false, border:false }),
声明了一个panel,页面代码如下:
<div id="hello-tabs">
</div>
这是就会出现一个Ext的panel,如果在这个div里面嵌入一些div,并以class=“x-tab”标识,则自动会转化为其子组件,
如:
<div id="hello-tabs">
<!-- Auto create tab 1 -->
<div class="x-tab" title="Hello World 1">
<p>Hello...</p>
</div>
<!-- Auto create tab 2 -->
<div class="x-tab" title="Hello World 2">
<p>... World!</p>
</div>
<!-- Auto create tab 3 -->
<div class="x-tab" title="Hello World 2">
<p>Jammy</p>
</div>
</div>
则会在tabPanel内产生几个tab组件。
另外的一个例子就是,如果创建一个新的window,则默认是没有title的,如果在创建window的div里面添加一个div:
<div class="x-window-header">Hello Dialog</div>
则这个window就会有title。
没有仔细看Ext的文档,原因不太明白,估计应该还有其他几种创建组件的方法。