meifage的专栏

Window先来看一下API：Window 继承于 Panel，是Panel的子类，Window组件默认是可以浮动和拖拽的，并且支持最大最小化的能力。Panel 中的各种属性和方法在Window组件中是可以直接使用的。来看例子：Js代码          Ext.onReady(function(){            var _window = new Ext.Window({       

EXTJS的面向对象程序设计◆EXTJS在面向对象作出的努力支持命名空间支持类实例属性支持类实例方法支持类静态方法支持构造方法支持类继承支持类实例方法重写支持命名空间别名支持类别名支持事件队列命名空间定义：对于类的组织定义方式代码举例：view plaincopy to clipboardprint?01.Ext.namespace("Ext.dojochina"); vi

构造方法     构造方法：就是在初始化一个对象同时执行的方法。来看ExtJs中怎么实现的：    //命名空间Ext.namespace("dojochina");//构造方法dojochina.Person = function(cfg){    Ext.apply(this,cfg);};//类静态方法dojochina.Person.print = function(name,sex){ 

Ext中的事件机制     事件：对于外界影响的反应，在ExtJs还支持事件队列模式，有Ext.util.Observable类支持。event.js     //命名空间Ext.namespace("dojochina");//定义NameSpace的别名Wy = dojochina;//定义类Wy.Person = function(){    //定义事件(绑定事件)这样 Person 对象

Component在Ext中对常用的UI组件都进行了一系列的封装，而各个组件都具有一些相同的属性或者事件，这些相同的属性被封装起来成为Component类，每个UI组件都继承Component类，可见Ext在面向对象方面有很好的实现。Button对传统的Button，Submit，Reset进行封装，Button是继承于Component类，  Button可以直接使用父类中定义的构造方法和事件机

Ext中的事件机制     事件：对于外界影响的反应，在ExtJs还支持事件队列模式，有Ext.util.Observable类支持。event.js     //命名空间Ext.namespace("dojochina");//定义NameSpace的别名Wy = dojochina;//定义类Wy.Person = function(){    //定义事件(绑定事件)这样 Person 对象

TextFieldTextField在Ext.form.TextField下面，是form组件中的一个，是对传统文本框的封装（input）。在页面中直接使用某些Component是不起作用的，因为Ext UI设计是类似Swing布局的，布局的宿主对象必须是Ext.Container或者Ext.Container的子类，详细的使用方法后面慢慢了解。根据上面的原理，我们要在页面中创建一个TextFie