ext 实用工具

1.onReady,利用它来注册HTML内容并加载完成后所必须的代码
第一个参数必须,HTML加载后执行的函数,第二个作用域
function init(){
alert();}
Ext.onReady(init);
2.get 获取HTML的DOM对象,当前HTML中的组件 ,EXT元素
Ext.oneady(function(){
var e=new Ext.Element('hello');
alert(Ext.get("hello"));//Element对象,可以设置属性
alert(Ext.get(document.getElementById("hello"))); //DOM对象
alert(Ext.get(e));
})
<div id='hello'></div>
两种对象转变:Ext.get(id).dom 即可获得实际的DOM对象
getCmp获取一个Ext组件,也就是一个已经在页面被初始化的component或其子类的对象,根据制定Id就可以获得相应的组件
var h=new Ext.Panel({
id:"h2",
title:XX
})
Ext.getCmp("h2").setTitle("新的标题");
getDom
var e=new Ext.Element("hello");
Ext.getDom("hello");
Ext.getDom(e);
Ext.getDom(e.dom);
getBody
直接获取与document.body这个DOM节点对应的EXT元素,实质就是把document.body对象封装成EXT元素对象并作为结果返回,该方法不带任何参数
var h=new Ext.Panel({
title:"测试",
width:223,
height:222
});
h.render(Ext.getBody());
作为更新页面显示组件的方法
getDoc 类似getBody,只是后者只能显示,而document对象包含了更对对页面的操作

query函数返回元素数组,select返回一个Ext.CompositeElement类型对象,
Ext.select('p').highlight();
function(){
var array=Ext.query('p');
for(){}
}
Ext.select('div.red').highlight();
function(){
var array=Ext.query('div.red');
for(){}
}


Ext.isEmpty
var params=null; //为null
delete params; //未定义
var params=''; //为空字符串
Ext.isEmpty(params);//都返回为true
isEmpty()无法判断一个数组,对象是否为空,无论数组是否为空,都返回为false

Ext.each
需要对数组中每一个元素做同一种操作时,
var array={1,2,3,4};
var sun=0;
Ext.each(array,function(item)){
sum+=item;
});
如果回调函数中包含 this引用,就需要在Ext.each()函数进行迭代循环是制定回调函数的执行范围
如:
App={
sum:0, //调用App方法与属性
fn:function(item){
this.sum+=item;
}
};
Ext.each(array,App.fn,App);
alert(App.sum);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值