首页 > Web开发 > 详细

ExtJs学习(一)

时间:2014-07-18 20:01:56      阅读:392      评论:0      收藏:0      [点我收藏+]

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学习(一)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!