当前位置: 代码迷 >> Web前端 >> Ext 学习札记_1
  详细解决方案

Ext 学习札记_1

热度:64   发布时间:2012-08-22 09:50:34.0
Ext 学习笔记_1
01:在项目中使用Ext需要把ext里面的ext-all.js、adapter/ext/base.js、src/locale/ext-lang-zh_CN.js和整个resources目录

02:ext-lang-zh_CN.js的作用是将ext中文字的语言自动翻译成中文,如:不引用此js时Ext.Msg.alert()方法中的确认按钮显示的文字是“OK”,而引用啦此js后显示的文字是“确认”

03:引入ext-lang-zh_CN.js后会报错,或者乱码的原因是ext-lang-zh_CN.js默认的编码格式是utf-8,解决办法是:<script type="text/javascript" src="ext/ext-lang-zh_CN.js" charset="utf-8"></script>

04:ext中的on()、un()分别是addListener和removeListener的简写形式,理解为,给某某添加监听就是确定当某某处于a状态的时候执行b操作,on翻译为“当...时候”

05:fireEvent触发事件,而且可以传递参数

06:on里面传递属性,单独一个事件:
Ext.get('tstBtn').on('click',fn,this,{
buffer: 1000,
tstBtnId: 'helloKet',
firstname: '1李涛1'
});
多个事件一起的写法:
Ext.get('tstBtn_1').on({
'click': {
fn : fn,
buffer : 1000,
firstname : '1鼠标点击1',
scope : this,
ddd: a
},
'mouseover': {
fn: fn,
buffer : 1000,
firstname : '1鼠标移动1',
scope : this
}
});

07:事件拦截:Ext.util.Observable.capture(person, function(){//person是一个继承自Observable的类的实例对象
//此处做一些处理,类似于过滤器

return false;//返回false则不会执行任何事件,返回true则继续执行
});
对多有拦截的释放:releaseCapture

08:事件暂停和继续,person.suspendEvents(); 和 person.resumeEvents(); ,暂停状态所有事件失效,取消暂停后才能够继续生效

09:Ext.onReady(),Ext的启动函数,在文档渲染完毕但图片等还未下载时调用的启动函数,可以解决普通页面中脚步加载顺序的问题(如:script在body之前执行的情况下,如果body未加载完成,script就不能取到body中元素的对象),而且如果不在ext.onReady()中执行的话,经常会报null等错误
  相关解决方案