首页 > 代码库 > ExtJs学习(一)
ExtJs学习(一)
ExtJs是一种Js库,其实就是Js的一种扩展。下面简单的写一下学习的经验。
Ext.onReady()用于判断页面是否加载完成;其中onReady后面跟的函数可以是匿名的函数,也可以是一个函数名称;
Ext.Msg用来产生一个固定样式的消息窗口;
Ext.Msg.show({
title:
msg:
buttons:{yes : true, no : true,cancel : true}
icon:
fn:function(btn){
switch(btn){
case : ‘yes‘ : Ext.Msg.prompt(‘title‘, ‘What?‘, function(btn, txt){
if(txt.toLowerCase == ‘the office‘)
Ext.get(id).dom.innerHTML = ‘Dull work‘
else
Ext.get(id).dom.innerHTML = txt;
Ext.DomHelper.applyStyles(id, {background : ‘transparent url(images/image.png) 50% 50% no-repeat‘})
}); break;
case : ‘no‘ : Ext.Msg.alert(‘title‘, ‘So ...‘, function(){
Ext.DomHelper.applyStyles(id, {background : ‘transparent url(images/fire.png) 0 100% repeat-x‘})
Ext.DomHelper.applyStyles(Ext.getBody(), {‘background-color‘ : #FF0000‘‘});
Ext.getBody().highlight(‘FFCC00‘), {endColor : ‘FF0000‘, duration : 6}) //其中get(‘id‘)方法会重复占用很多内存,而是用fly(’id‘)方法会重复使用同一块内存。
}); break;
case : ‘cancel‘ : Ext.Msg.wait(‘Sacvinf ...‘, ‘file copy‘); break;
}
}
});