阳光VIP

少壮不努力,老大徒伤悲。平日弗用功,自到临期悔。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

现在我们可以根据用户操作对话框来给出响应。我们将加入switch语句来处理点击Yes按钮。当yes按钮被点击,将执行Prompt函数处理第三个参数。如果在prompt输入的值为“guoyiqi”,我们将在页面上id值为“my_id”的div 上显示http://guoyiqi.iteye.com的链接,如果不是就显示prompt输入的值的链接。同时我们还在同一个div上应用style ,给它加上一个背景。

代码片段:

case 'yes':

Ext.Msg.prompt('请输入一个值', '随便输?或者guoyiqi看看',function(btn,txt){

 

if (txt.toLowerCase() == 'guoyiqi') {

Ext.get('my_id').dom.innerHTML = '<a href=http://guoyiqi.iteye.com>http://guoyiqi.iteye.com</a>';

}else{

Ext.get('my_id').dom.innerHTML = '<a href=http://guoyiqi.iteye.com>'+txt+'</a>';

}

Ext.DomHelper.applyStyles('my_id',{

background: 'transparent url(imgs/4-1.png) 50% 50% no-repeat',

height:'100px'

});

});

break;

如果点击no按钮,就弹出警告,并且改变div的背景。

                                                                                     

代码片段:

case 'no':

Ext.Msg.alert('你敢点no',

'我要炸死你!',

function() {

Ext.DomHelper.applyStyles('my_id',{

background: 'transparent url(imgs/6-1.png) 0 100% repeat-x',

height:'100px'

});

});

break;

如果点击cancel按钮,就弹出等待对话框,不做任何操作。

case 'cancel':

Ext.Msg.wait('点了取消,你就慢慢等吧','永远有多远');

break;