现在我们可以根据用户操作对话框来给出响应。我们将加入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;