learning ext js 中文版 之 根据用户操作对话框来给出响应

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