您的位置:首页 > Web前端 > JavaScript

Extjs学习一 --Ext.MessageBox

2014-09-16 15:46 155 查看
  Ext.MessageBox是用来生成不同样式的消息框实体类,它还可以使用别名Ext.Msg.1.  基本的样式
Ext.Msg.alert(‘标题’,'Hello Extjs');
2.用户可以输入的对话框,可以使用回调函数进行操作后的处理
Ext.Msg.prompt("标题","请输入您的名字:",function(btn,text){
if(btn=="ok"){
Ext.Msg.alert("Name","您的名字是:"+text);
}
});
3.创建一个用户可以选择按钮的对话框
Ext.Msg.show({
title:"是否保存",
msg:"是否保存您修改的信息,如果保存它的子级将会一并删除?",
buttons:Ext.Msg.YESNOCANCEL,
fn: function(btn){alert(btn)},
icon: Ext.MessageBox.QUESTION,
    multiline:true,
    value:"测试",
    animEl:"m"
});
title:标题;
msg:提示的消息信息;
buttons:按钮选项,Ext.Msg.YESNOCANCEL包含一个yes、no、cancel的按钮,CANCEL:取消按钮
fn:操作后的回调函数
icon:显示的图标,QUESTION一个问号图标。
   multiline:true为文本域,false为文本框
   value:"测试",表示文本框中的初始值,
   animEl:"m",表示对话框打开或关闭时动画效果的目标元素
4.创建一个带有是和否的对话框
Ext.Msg.confirm("标题","这是带一个YES和NO的按钮的对话框");
5.显示一个不受控制,自动运行的进度条
Ext.Msg.wait("请稍等。。。","标题");
6.显示一个进度条
Ext.Msg.progress("标题","请稍等...");
对进度条中的进度进行控制

var f = function(v){
            return function(){
                if(v == 12){
                    Ext.MessageBox.hide();
                    Ext.example.msg('Done', 'Your fake items were loaded!');
                }else{
                    var i = v/11;
    //进度条中进度值
                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
                }
     };
   };
  for(var i = 1; i < 13; i++){
               setTimeout(f(i), i*500);
      }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: