首页 > 代码库 > 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;
}

}
});