EXTJs学习笔记(知识点总结)
2013-05-23 16:26
399 查看
(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);
相关文章推荐
- php学习笔记9--mongodb的入门知识点总结
- 【Python爬虫学习笔记(2)】正则表达式(re模块)相关知识点总结
- ExtJS学习笔记 layout的9种样式风格总结(转)
- 【Python爬虫学习笔记(1)】urllib2库相关知识点总结
- ExtJS学习笔记 layout的9种样式风格总结
- ExtJS4学习笔记六--一些小知识点
- ExtJS4学习笔记六--一些小知识点
- 学习笔记之SpringMvc知识点小总结
- 前段时间的学习总结(视频截图笔记加归类总结知识点)
- springMVC学习笔记--知识点总结1
- python学习笔记18-重点和忘记知识点总结
- Hibernate 学习笔记(对关键知识点的系统化总结,亲,百分百对你有帮助哦!)
- ExtJS学习笔记 layout的9种样式风格总结
- Ubuntu学习笔记3-图书知识点总结
- Linux运维学习笔记-目录知识点总结
- 【Python学习笔记(三)】:爬虫用到的知识点总结
- Linux学习笔记(知识点总结)
- cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第0步---知识点总结&效果预览&设计思路
- ExtJS4学习笔记六--一些小知识点
- iOS学习笔记-----常用知识点总结