Ext中页面标签与组件的转化

在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的文档,原因不太明白,估计应该还有其他几种创建组件的方法。

 

 

 

你可能感兴趣的:(ext)