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>
