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>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