Extjs学习笔记——Ext组件模型

Ext中所有组件都继承自Ext.component，这种继承模型保证了所有组件都拥有相同的通用方法与生命周期...

最常见的功能包括initComponent()、render()、show()、hide()，无论哪一种组件都是通过初始化、渲染、显示、隐藏来实现整个生命周期。

下面是个参考例子：

var box = new Ext.Panel({
el:'text',
title:'text',
floating:true,
draggable:true,
html:'text',
pageX:100,
pageY:50,
widht:200,
height:100
});
box.render();

Ext.Panel是Ext中经常使用的组件，直接继承自Ext.Container。

下面是自定义图形

    var box = new Ext.Component({  

        el: 'test',  

        style:'background-color:red;position:relative',  

        pageX:100,  

        pageY:50,  

        width:200,  

        height:150  

    });  

    box.render();