html页面

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.  <title></title>
  6.  <meta charset="utf-8" />
  7.  
  8.  <-- Extjs样式及类库 -->
  9.  
  10.  <link rel="stylesheet" type="text/css" href="Resource/Extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" />
  11.  
  12.  <script type="text/javascript" src="Resource/Extjs/bootstrap.js"></script>
  13.  
  14.  <script type="text/javascript" src="Resource/Extjs/packages/ext-locale/build/ext-locale-zh_CN.js"></script>
  15.  
  16.  <script type="text/javascript" src="Resource/Extjs/packages/ext-charts/build/ext-charts.js"></script> 
  17.  
  18.  <-- 引用外部js文件 -->
  19.   <script src="001_helloworld.js"></script> 
  20.  
  21.  </head>
  22.  <body>
  23.  
  24.  </body>
  25.  </html>
  1. <-- 001_helloworld.js 代码如下 --> 
  2.  
  1.  Ext.onReady(function () { //Ext.onReady 程序入库
  2.  /*
  3.  消息框
  4.  
  5.  */
  6.  
  7.  　　Ext.MessageBox.alert('标题', 'Hello World!');//弹窗
  8.  
  9.  /*
  10.  询问框
  11.  
  12.  */
  13.  //询问框
  14.  
  15.  //Ext.Msg.confirm('提示', '确认删除', function (op) {
  16.  // if(op=='yes'){
  17.  // alert('确认');
  18.  // }else{
  19.  // alert('取消');
  20.  // }
  21.  
  22.  //});
  23.  
  24.  /*
  25.  输入框
  26.  
  27.  */ 
  28.  
  29.  //Ext.Msg.prompt('标题', '请输入姓名', function (op, val) {
  30.  // //console.info(op); //op确定 取消（ok cancel） val 输入的值
  31.  // //console.info(val);
  32.  // if (op == "ok") {
  33.  // console.info(op);
  34.  // console.info(val);
  35.  // } else {
  36.  // console.info(op);
  37.  // console.info(val);
  38.  // }
  39.  //}, this, true, '张三（输入框默认值）');
  40.  
  41.  /*
  42.  等待框 进度条
  43.  
  44.  */
  45.  //Ext.Msg.wait('提示', '我是内容', {
  46.  // interval: 400, //循环定时间隔!
  47.  // duration: 2000, //总时长
  48.  // increment: 5, //执行进度条的次数 5 次 执行一次进度（1-100） 一共执行5次
  49.  // text: '更新中',//进度条上的文字
  50.  // scope: this, //作用域 当前作用域 [skəʊp]
  51.  // fn: function () {
  52.  // //回调函数
  53.  // alert("更新成功");
  54.  // },
  55.  // animate:true //更新渲染时提供一个动画效果 就是进度条平滑的走。。
  56.  //});
  57.  
  58.  /*
  59.  show方法
  60.  自定义的提示框
  61.  */
  62.  
  63.  Ext.Msg.show({
  64.  title: '我是自定义的提示框',
  65.  msg:'我是内容！！',
  66.  width: 300,
  67.  height: 300,
  68.  buttons: Ext.Msg.YESNOCANCEL, //显示的按钮呢 直接在Ext.window.MessageBoxView 看属性就能查到
  69.  icon:Ext.Msg.ERROR //图标
  70.  
  71.  });
  72.  
  73.  });
  1.  

ExtJS001HelloWorld弹窗的更多相关文章

  1. jQuery的DOM操作实例（3）——创建节点&&编写一个弹窗

    一.原生JavaScript编写弹窗 二.jQuery编写弹窗 知识点归纳总结: 在原生JavaScript中,创建一个节点: var oDiv=document.createElement(&quo ...

  2. Android重构与设计之路，从整理提示弹窗（SmartAlertPop）开始

    封装一个独立弹窗Module,这里的弹窗包括普通的Dialog方式弹框和WindowManager方式弹窗.提供一种管理项目里面弹窗的方案,便于后期修改和维护. 首先描述一个在大项目中普遍存在的一个现 ...

  3. JavaScript弹窗

    警告框: alert("警告信息!"); alert("警告\n信息!"); 确认框: var t=confirm("请确认!"); // ...

  4. yii2 modal弹窗之ActiveForm ajax表单异步验证

    作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...

  5. yii2中如何使用modal弹窗之基本使用

    作者:白狼 出处:http://www.manks.top/yii2_modal_baseuse.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接, ...

  6. 多功能弹窗控件layer

    开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移 ...

  7. JQuery UI dialog 弹窗实例及参数说明

    按钮代码: <a id="suprise" style="margin-left: 0.5em;cursor:pointer;">点我会有惊喜< ...

  8. ExtJs基础知识总结：自定义弹窗和ComboBox自动联想加载（四）

    概述 Extjs弹窗可以分为消息弹窗.对话框,这些弹窗的方式ExtJs自带的Ext.Msg.alert就已经可以满足简单消息提示,但是相对复杂的提示,比如如何将Ext.grid.Panel的控件显示嵌 ...

  9. 谷歌chrome浏览器www.tradeadexchange.com广告弹窗跳转劫持病毒

    近期大量网友出现chrome浏览器被劫持的情况,表现如下:           ·  点击(访问)任意网站任意链接均有概率弹出www.tradeadexchange.com.           ·  ...

随机推荐

  1. qutIm编译

    官网:http://www.qutim.org/ 原文地址:http://wiki.qutim.org/en/building_from_git 依赖: Qt4-dev 4.7:http://qt-p ...

  2. 运用JavaScript构建你的第一个Metro式应用程序（onWindows 8）（三）

    原文 http://blog.csdn.net/zhangxin09/article/details/6793593 这是<运用 JavaScript构建你的第一个Metro式应用程序>系 ...

  3. Spring单例与线程安全小结

    一.Spring单例模式与线程安全   Spring框架里的bean,或者说组件,获取实例的时候都是默认的单例模式,这是在多线程开发的时候要尤其注意的地方. 单例模式的意思就是只有一个实例.单例模式确 ...

  4. 【HDU】4908 (杭电 BC #3 1002题）BestCoder Sequence ——哈希

    BestCoder Sequence Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Other ...

  5. openvswitch常用操作

    原理讲解: 当我们创建一个交换机(网桥)之后即(ovs-vsctl add-br brname),此时网络功能不受影响,但是会产生一个虚拟网卡,名字为brname(与网桥名字同名,可以使用 ifcon ...

  6. JavaScrtip之JS最佳实践

    一.JavaScript之平稳退化 这边使用一个当用户点击某个页面内某个链接弹出一个新窗口的案例: JavaScript使用window对象的open()方法来创建新的浏览器窗口; window.op ...

  7. Deep Learning（深度学习）相关网站

    Deep Learning(深度学习) ufldl的2个教程(这个没得说,入门绝对的好教程,Ng的,逻辑清晰有练习):一 ufldl的2个教程(这个没得说,入门绝对的好教程,Ng的,逻辑清晰有练习): ...

  8. iOS网络请求之---GET和POST

    get是从服务器上获取数据,post是向服务器传送数据.前者把参数数据加在了将参数直接写在访问路径上.操作简单,不过容易被外界看到,安全性不高,地址最多255字节,后者则是将参数放到body里面.PO ...

  9. VUE中的v-if与v-show

    1.共同点 都是动态显示DOM元素 2.区别 (1)手段:v-if是动态的向DOM树内添加或者删除DOM元素:v-show是通过设置DOM元素的display样式属性控制显隐: (2)编译过程:v-i ...

  10. Django web开发【5】 实现标签功能

    标签tag在很多web2.0应用中都很常见,标签其实就是关联某些信息的一个关键字.打标签实际上就是给内容分配标签的过程,它通常由作者或者用户实现.标签之所有这么流行是因为它允许用户对自己创建的博客.图 ...