您的足迹:首页 > web前端 >extjs Ext.onReady()的用法

extjs Ext.onReady()的用法

问题:先自定义一个函数f(),在通过Ext.onReady(f())方式来调用。

看书上写的是:

<script language="javascript">
  function f(){
   Ext.Msg.show({
         title:'Hello',
         msg:'Have you seen my heart?',
         buttons:{
                yes:'true',
                no:true,
                cancel:true,
              }
          });
   }
   Ext.onReady(f());
</script>

但运行后没显示

上网查了一下Ext.onReady()的用法,大概分为三种:


方式一: 

<script>
       Ext.onReady(function(){
         alert('onready');
       });
 </script>   

最简单了,最平常的调用,不用多说
方式二
:

<script>
       Ext.color=function(){
           return{
              init:function(){
                  alert("init")
              }
           }
       }();
       Ext.onReady(Ext.color.init,Ext.color);
 </script>              

通过onReady调用color函数,init为color中的内置,作用是初始化.这种写法比较实用
方式三: 

<script>
       Ext.onReady(function(){
           alert('onready');
       });
       Ext.color=function(){
           return{
              init:function(){
                  alert("init")
              }
           }
       }();
       Ext.onReady(Ext.color.init,Ext.color);
 </script>

这种是混合型写法,两个onReady都会被调用,调用顺序是看谁在前面.

根据第2个方法,可将问题的解法写成如下:

<script>
  Ext.f=function(){
        return{
         nit:function(){
         Ext.Msg.show({
         title:'Hello',
         msg:'Have you seen my heart?',
         buttons:{
          yes:true,
          no:true,
          cancel:true,
          },
          icon:'milton-icon',
          fn:function(btn){
          Ext.Msg.alert('You clicked',btn);
          }
         });
              }
           }
       }();
       Ext.onReady(Ext.f.init,Ext.f);
 </script>



相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)