Extjs4.0中的Ext

 

Extjs中的Ext

1．  首先是Ext.onReady(),它是来控制执行的时机的，它是在onload加载完毕之后和页面加载完毕之后执行的，如果onload在onReady之前，只执行onload函数，而不执行onReady函数，如果load在onReady之后，先执行onload，后执行onReady

 

2．  var onload  = function(){

3．  alert("onload加载的")

4．  }

5．  (function(){

6．  Ext.onReady(function(){

7．      alert("我是onReadey加载的");

8．  });

9．  })();

 

 

2．Ext.getCmp()  是得到一个组件的类，通过得到的这个类可以修改里面的属性和值

//通过面板来讲解getCmp()

       Ext.create("Ext.panel.Panel",{

           title:'my Panel',

           width:400,

           height:300,

           id:'panel01',

           html:'<h1>hello word</h1>',

           renderTo:'myP'

       });

效果如图：

var myp = Ext.getCmp("panel01");//得到的是Panel，可以通过调用Panel中的函数来修改

myp.setTitle("new Panel");

效果为

 

可以看出titie变了

 

3．Ext.isEmpty() 是如果为空则返回的是true，如果不为空返回的是false

举例：

alert(Ext.isEmpty({}));//false  空对象也是有值的

alert(Ext.isEmpty('',true));//false  默认的空串当为true时不为空

alert(Ext.isEmpty('',false));//true   空串当为false时为空

 

4．Ext.namespace()是命名空间的意思，可理解为包，就是把组件封装层次化，可以分包管理，在多人开发的时候非常有用

举例：

Ext.namespace("COM.PCAT.MODE.A","COM.PCAT.CORE.A");如果不加这个命名空间，会报COM没有定义的错

COM.PCAT.MODE.A = {

    name:'laowang'

};

COM.PCAT.CORE.A = function(){

    alert("COM.PCAT.CORE.A");  

}

 

5．Ext.each()  遍历数组

举例：

var array = [3,2,345,543,-64];

Ext.each(array,function(i){

    alert(i);

});

 

6.Ext.apply()扩展类

举例：

var a = {

           name:'laowang'

       }

       Ext.apply(a,{getName:function(){

           alert(this.name);

       }

       });

       a.getName();

 

 

7．Ext.encode  作用是把对象编码成字符串

    以上的a是一个对象，当使用之后，把a变成一个字符串

    alert(Ext.encode(a));

 

8.Ext.htmlDecode

把html的转义字符自动把它封装转化为真正的字符来显示，用到的是htmlDecode

       Ext.Msg.alert("hello",Ext.htmlDecode("<h1>hel&gt;lo</h1>"));

 

9.select  选择器

       var o1 = Ext.select("divColor");

       alert(o1);

      

10.typeOf返回类型          

 如果返回的类型不正确，可以返回，用来校验，或者来强制转型

       alert(Ext.typeOf({}));//返回的是Object

       alert(Ext.typeOf(""));//返回的是String

       alert(Ext.typeOf(function(){}));//返回的是function