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