ExtJs学习（一）

标签：style   color   使用   io   cti   html   

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;
}

}
});

ExtJs学习（一）,布布扣,bubuko.com

ExtJs学习（一）

标签：style   color   使用   io   cti   html   

原文地址：http://www.cnblogs.com/tustjj/p/3850518.html