ext js 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{

              init: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>

技术分享

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。