2008-03-07

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

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

 

 

 

评论
发表评论

您还没有登录，请登录后发表评论

hintcnuie
搜索本博客
我的相册
90f50603-7a67-3b98-9e1a-d6ec48edb2f5-thumb
facebook application break down
共 5 张
最近加入圈子
存档
最新评论