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

 

 

 

评论

1 楼 javalog 2008-12-03  

读你文章真是有收获啊~继续收藏.希望不要见怪