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

（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定时刷新

var taskInternal = 1000;
//定时刷新
var Task = 
{
	run:function()
	{
		//自己定义的一个数据源
		/*CouponConfirmStore.reload(
		{ 
			params : 
			{
				start : currentPage,
				limit : pageSize
			}
		});*/
	},
	interval:taskInternal,
	scopt:this
}
Ext.TaskMgr.start(Task);