EXTJs学习笔记（知识点总结）

小咪咪 2022-02-12 14:21 279阅读 0赞

### （1）apply()和applyIf() ###

apply():
    将一个对象中的所有属性值复制到另一个对象中
    var a = {name:'xiaosi',age:'23'};
    var b = {name:'sjf',age:'24'};
    Ext.apply(b,a);
    alert("name:"+b.name+"age:"+b.age);
    结果：name:xiaosi age:23
    applyIf():
    将一个对象中的所有属性值复制到另一个对象中,但是如果某个属性在目标对象中已经存在，则Ext.applyIf()不会将它覆盖。
    var a = {name:'xiaosi',age:'23',sex:'男'};
    var b = {name:'sjf',age:'24'};
    Ext.applyIf(b,a);
    alert("name:"+b.name+"age:"+b.age +"sex:"+b.sex);
    结果：name:xiaosi age:23 sex:男

### （2）get(),getDom(),getCmp()区别 ###

getDom方法能够得到文档中的DOM节点，该方法中包含一个参数，该参数可以是DOM 节点的id、DOM节点对象或DOM节点对应的Ext元素(Element)等。 (与 getElementById是一个效果)

•

Ext.onReady(function()
    {    
    	var e=new Ext.Element("hello");  
    	Ext.getDom("hello");  
    	Ext.getDom(e);  
    	Ext.getDom(e.dom);   
    });

• //Html页面中包含一个id为hello的div，代码如下：  
   
 <div id="hello">aaa</div>

•

在上面的代码中，Ext.getDom("hello")、Ext.getDom(e)、Ext.getDom(e.dom)等三 个语句返回都是同一个DOM节点对象。

• get方法中只有一个参数，这个参数是混合参数，可以是DOM节点的id、也可以是一 个Element、或者是一个DOM节点对象等。

• get方法其实是Ext.Element.get的简写形式。

•

Ext.onReady(function()
    {  
      
      var e=new Ext.Element("hello");   
      Ext.get("hello"));  
      Ext.get(document.getElementById("hello"));  
      Ext.get(e);  
    });

• //Html页面中包含一个id为hello的div，代码如下：    
 <div id="hello">aaa</div>

• Ext.get("hello")、Ext.get(document.getElementById("hello"))、Ext.get(e)等 三个方法都可以得到一个与DOM节点hello对应的Ext元素。

• getCmp方法用来获得一个Ext组件，也就是一个已经在页面中初始化了的Component 或其子类的对象，getCmp方法中只有一个参数，也就是组件的id。

• getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。

•

Ext.onReady(function()
    {    
    	var myPanel=new Ext.Panel(
    	{  
    		id:“myFirstPanel”,  
    		title:“旧的标题",    
    		renderTo:"hello", 
    		width:300,   
    		height:200 
    	});  
    	Ext.getCmp(" myFirstPanel ").setTitle("新的标题");  
    });

• //Html页面中包含一个id为hello的div，代码如下：    
 <div id="hello">aaa</div>

• 我们使用Ext.getCmp(“myFirstPanel").来得到id为myFirstPanel的组件，并调用 其setTitle方法来设置该面板的标题

### (3)ExtJs Ext.TaskMgr定时刷新 ###