MessageBox为ExtJS中的消息对话框，包括alert  confirm prompt show四种。

　　

1.index.html

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <!-- 引入css文件 -->

 <link rel="styleSheet"

     href="extjs/resources/css/ext-all.css">

 <!-- 引入js文件 -->

 <script type="text/javascript" charset="UTF-8" src="extjs/ext-all-debug.js"></script>

 <script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>

 <script type="text/javascript" src="jquery-1.11.2.js"></script>

 <script type="text/javascript" src="index.js"></script>

     <title>Ext JS 4.1</title>

 </head>

 <body>

     <h2>Ext JS 4.1</h2>

     <input type="button" value="confirmShow" onclick="confirmShow();"/><br>

     <input type="button" value="promptShow" onclick="promptShow();"/><br>

     <input type="button" value="waitShow" onclick="waitShow();"/><br>

     <input type="button" value="showShow" onclick="showShow();"/><br>

 </body>

 </html>

2.index.js

 Ext.onReady(function(){

     Ext.Msg.alert('Status', 'Changes saved successfully.');

 });

 function confirmShow(){

     Ext.Msg.confirm('提示信息！','输入成功!',function(op){

         if(op == 'yes'){

             alert('确认了!');

             console.info(op);

         } else {

             alert('取消了!');

         }

     });

 }

 function promptShow(){

     Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){

         if (btn == 'ok'){

             Ext.MessageBox.alert('提示信息！','输入成功!输入了：'+text);

         }

     });

 }

 function waitShow(){

     Ext.Msg.wait('提示信息','请等待！' ,{

        interval: 100,             //执行进度条的间隔时间

        duration: 4000,            //总时长

        increment: 40,            //执行进度条的次数(分几次执行)

        text: '下载中,请稍后...',    //进度条上的文字

        scope: this,

        fn: function(){

            Ext.MessageBox.alert('提示信息！','下载成功!');

            //Ext.MessageBox.hide();

        },

        animate:true                //动画效果

 });

 }

 function showShow(){

     Ext.Msg.show({

         title:'自定义提示框' ,

         msg:'内容' ,

         width:300 ,

         height:200 ,

         buttons:Ext.Msg.YES ,//OKCANCEL  YESNOCANCEL YES NO

         icon:Ext.Msg.WARNING        // ERROR INFO QUESTION  WARNING

     });

 }

ExtJS学习之MessageBox的更多相关文章

  1. ExtJs学习之MessAgeBox的使用

    1.Ext.MessageBox.alert() 调用格式: alert( String title, String msg, [Function fn], [Object scope] ) 参数说明 ...

  2. ExtJs学习之Window

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  3. ExtJs学习笔记之学习小结LoginDemo

    ExtJs学习小结LoginDemo 1.示例:(登录界面) <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  4. ExtJS学习第一天 MessageBox

    此文用来记录学习笔记: •学习任何技术,首先都要从Helloworld开始,那么我们首要任务就是写一个简单的HelloWorld程序,带领同学们走进ExtJS的世界. •Ext.onReady:这个方 ...

  5. ExtJS学习之路第四步：看源码，实战MessageBox

    可以通过看MessageBox.js的源码来深入认识,记住它的主要用法.Ext.MessageBox是实用类,用于生成不同风格的消息框,它是Singleton(单例),别名Ext.Msg.注意Mess ...

  6. Extjs 学习笔记1

    学习笔记 目   录 1 ExtJs 4 1.1 常见错误处理 4 1.1.1 多个js文件中有相同的控件,切换时无法正常显示 4 1.1.2 Store的使用方法 4 1.1.3 gridPanel ...

  7. ExtJS学习之路第五步：认识最常见组件Panel

    文档中描述 Panel(面板)是一个容器,它具有特定的功能和结构部件,这使它成为面向应用用户界面的完美基石.面板,继承自Ext.container.Container,能够配置布局以及子组件(Chil ...

  8. extjs 学习笔记（二）

    EXTJS实用开发指南 1. 要使用ExtJS 框架的页面中一般包括下面几句: <link rel="stylesheet" type="text/css" ...

  9. ExtJS学习

    ExtJS是一门比较纠结的框架,自己不太熟,因为现在在做一些老项目,所以没办法要学点.记录下.其实Ext也不是很难,主要是多查查API,了解其基本的用法,然后慢慢去学习,学成之后做管理系统还是很有优势 ...

随机推荐

  1. Mybatis延迟加载、缓存

    一.Mybatis中的延迟加载 1.延迟加载背景:Mybatis中Mapper配置文件中的resultMap可以实现高级映射(使用association.collection实现一对一及一对多(多对多 ...

  2. C++中const关键字 理解

    const:符号常量  使用符号常量写出的代码更容易维护:指针是边读边移动,而不是边写边移动,许多函数参数是只读不写的. const最常见用途是作为数组的界和switch分情况标号(也可以用枚举符代替 ...

  3. java web 乱码终结

    配置 tomcat 打开 tomcat 安装路径下的 conf/server.xml 文件,将 port 为 8080 的 connector 做如下更改: <Connector port=&q ...

  4. Java-大数据方向学习和已掌握知识点整理

    现在的项目是大数据相关项目,一路走来从最初的 C 开发到 Java 再到 大数据,不容易 大数据方向知识点太多,优先掌握了主流的一些技术并运用到了现在的项目中 另外也整理了一份java开发和项目管理方 ...

  5. 机器学习基石笔记：13 Hazard of Overfitting

    泛化能力差和过拟合: 引起过拟合的原因: 1)过度VC维(模型复杂度高)------确定性噪声: 2)随机噪声: 3)有限的样本数量N. 具体实验来看模型复杂度Qf/确定性噪声.随机噪声sigma2. ...

  6. lable标签的用途

    lable标签的用途:为iput输入框元素定义标注: label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说,当用户选 ...

  7. python（33）——【re模块】

    re模块(正则表达式) 就其本质而言,正则表达式是一种小型的.高度专业化的编程语言 在Python中(它内嵌在python中),并通过re模块来实现,正则表达式被编译成一系列的字节码,然后由C编写的匹 ...

  8. Android开源系列：仿网易Tab分类排序控件实现

    前言 产品:网易新闻那个Tab排序好帅. 开发:哦~ 然后这个东东在几天后就出现了..... (PS:差不多一年没回来写博客了~~~~(>_<)~~~~,顺便把名字从 enjoy风铃 修改 ...

  9. 7.28-说说对javaweb的感想吧

    接触了几个月的java,和javaweb. 感想1:发现生活顿时充实了很多,时间照样在过,日落日出,但是手里面有学的,有可以让自己开心地码出理想的效果,这是很不错的结局. 发现自己再也不回去和伙伴们撸 ...

  10. 从零开始学 Web 之 CSS（一）选择器

    大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...