/** * 消息框 */ Ext.onReady(function(){ //提示框 Ext.get('alert_id').on('click',function(){ Ext.Msg.alert('提示','信息',function(btn){ Ext.Msg.alert('提示','您点击了:' + btn); }); }); //输入框 Ext.get('prompt_id').on('click',function(){ Ext.Msg.prompt('输入框','请输入您的姓名:',function(btn,txt){ Ext.Msg.alert('提示','您点击了:' + btn + ';' + '输入内容为:' + txt); },this,80,'张三'); }); //确认框 Ext.get('confirm_id').on('click',function(){ Ext.Msg.confirm('确认','请点击下面的按钮做出选择',function(btn){ Ext.Msg.alert('提示','您点击了:' + btn); }); }); //自定义消息框 Ext.get('show1_id').on('click',function(){ Ext.Msg.show({ title:'自定义消息框', msg:'这是一个自定义消息框,想怎么搞就怎么搞!', width:400, multiline:true, //是否显示多行文本 closable:true, //是否显示关闭按钮 animEl:'show1_id', //动画 buttons:Ext.Msg.YESNOCANCEL, icons:Ext.Msg.INFO, fn:function(btn,txt){ Ext.Msg.alert('提示','您点击了:' + btn + ';' + '输入内容为:' + txt); } }); }); //自动滚动的进度条 Ext.get('show2_id').on('click',function(){ Ext.Msg.show({ title:'请等待', msg:'数据读取中', width:500, animEl:'show1_id', //动画 wait:true //是否显示一自动滚动的进度条 }); }); //程序控制的进度条 Ext.get('show3_id').on('click',function(){ Ext.Msg.show({ title:'请等待', msg:'数据读取中', width:500, animEl:'show1_id', //动画 progress:true, //是否显示一进度条(由程序控制滚动) progressText:'等待加载' //进度条上显示文字 }); }); var f = function(v){ return function(){ if(v == 12){ Ext.Msg.hide(); Ext.Msg.alert('信息','所有项目加载完成!'); }else{ var i = v / 11; Ext.Msg.updateProgress(i,Math.round(100*i) + '%已完成'); } } } /* for(var v=1;v<13;v++){ setTimeout(f(v),v*500); } */ //进度条 Ext.get('progress_id').on('click',function(){ Ext.Msg.progress('标题','内容','loading'); }); //自动进度条 Ext.get('wait_id').on('click',function(){ Ext.Msg.wait('数据读取中','请等待'); }); }); <body> <center> <input type="button" value="alert" id="alert_id"/><br/><br/> <input type="button" value="prompt" id="prompt_id"/><br/><br/> <input type="button" value="confirm" id="confirm_id"/><br/><br/> <input type="button" value="show1" id="show1_id"/><br/><br/> <input type="button" value="show2" id="show2_id"/><br/><br/> <input type="button" value="show3" id="show3_id"/><br/><br/> <input type="button" value="progress" id="progress_id"/><br/><br/> <input type="button" value="wait" id="wait_id"/><br/><br/> </center> </body>