html页面

 <!DOCTYPE html>

 <html>

 <head>

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

 <title></title>

 <meta charset="utf-8" />

 <-- Extjs样式及类库 -->

 <link rel="stylesheet" type="text/css" href="Resource/Extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" />

 <script type="text/javascript" src="Resource/Extjs/bootstrap.js"></script>

 <script type="text/javascript" src="Resource/Extjs/packages/ext-locale/build/ext-locale-zh_CN.js"></script>

 <script type="text/javascript" src="Resource/Extjs/packages/ext-charts/build/ext-charts.js"></script> 

 <-- 引用外部js文件 -->

  <script src="001_helloworld.js"></script> 

 </head>

 <body>

 </body>

 </html>
<-- 001_helloworld.js 代码如下 --> 


 Ext.onReady(function () { //Ext.onReady 程序入库

 /*

 消息框

 */

 　　Ext.MessageBox.alert('标题', 'Hello World!');//弹窗

 /*

 询问框

 */

 //询问框

 //Ext.Msg.confirm('提示', '确认删除', function (op) {

 // if(op=='yes'){

 // alert('确认');

 // }else{

 // alert('取消');

 // }

 //});

 /*

 输入框

 */ 

 //Ext.Msg.prompt('标题', '请输入姓名', function (op, val) {

 // //console.info(op); //op确定 取消（ok cancel） val 输入的值

 // //console.info(val);

 // if (op == "ok") {

 // console.info(op);

 // console.info(val);

 // } else {

 // console.info(op);

 // console.info(val);

 // }

 //}, this, true, '张三（输入框默认值）');

 /*

 等待框 进度条

 */

 //Ext.Msg.wait('提示', '我是内容', {

 // interval: 400, //循环定时间隔!

 // duration: 2000, //总时长

 // increment: 5, //执行进度条的次数 5 次 执行一次进度（1-100） 一共执行5次

 // text: '更新中',//进度条上的文字

 // scope: this, //作用域 当前作用域 [skəʊp]

 // fn: function () {

 // //回调函数

 // alert("更新成功");

 // },

 // animate:true //更新渲染时提供一个动画效果 就是进度条平滑的走。。

 //});

 /*

 show方法

 自定义的提示框

 */

 Ext.Msg.show({

 title: '我是自定义的提示框',

 msg:'我是内容！！',

 width: 300,

 height: 300,

 buttons: Ext.Msg.YESNOCANCEL, //显示的按钮呢 直接在Ext.window.MessageBoxView 看属性就能查到

 icon:Ext.Msg.ERROR //图标

 });

 });
												


											
ExtJS001HelloWorld弹窗的更多相关文章
	

    
								
  1. jQuery的DOM操作实例（3）——创建节点&&编写一个弹窗
		
    一.原生JavaScript编写弹窗 二.jQuery编写弹窗 知识点归纳总结: 在原生JavaScript中,创建一个节点: var oDiv=document.createElement(&quo ...
    
		
    2. 
						
  2. Android重构与设计之路，从整理提示弹窗（SmartAlertPop）开始
		
    封装一个独立弹窗Module,这里的弹窗包括普通的Dialog方式弹框和WindowManager方式弹窗.提供一种管理项目里面弹窗的方案,便于后期修改和维护. 首先描述一个在大项目中普遍存在的一个现 ...
    
		
    3. 
						
  3. JavaScript弹窗
		
    警告框: alert("警告信息!"); alert("警告\n信息!"); 确认框: var t=confirm("请确认!"); //  ...
    
		
    4. 
						
  4. yii2 modal弹窗之ActiveForm ajax表单异步验证
		
    作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...
    
		
    5. 
						
  5. yii2中如何使用modal弹窗之基本使用
		
    作者:白狼 出处:http://www.manks.top/yii2_modal_baseuse.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接, ...
    
		
    6. 
						
  6. 多功能弹窗控件layer
		
    开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移 ...
    
		
    7. 
						
  7. JQuery UI dialog 弹窗实例及参数说明
		
    按钮代码: <a id="suprise" style="margin-left: 0.5em;cursor:pointer;">点我会有惊喜< ...
    
		
    8. 
						
  8. ExtJs基础知识总结：自定义弹窗和ComboBox自动联想加载（四）
		
    概述 Extjs弹窗可以分为消息弹窗.对话框,这些弹窗的方式ExtJs自带的Ext.Msg.alert就已经可以满足简单消息提示,但是相对复杂的提示,比如如何将Ext.grid.Panel的控件显示嵌 ...
    
		
    9. 
						
  9. 谷歌chrome浏览器www.tradeadexchange.com广告弹窗跳转劫持病毒
		
    近期大量网友出现chrome浏览器被劫持的情况,表现如下:           ·  点击(访问)任意网站任意链接均有概率弹出www.tradeadexchange.com.           ·  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. JS判断是否安装flash player及当前版本
			
    function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if(document ...
    
			
    2. 
						
  2. 设置ToggleButton、Switch、CheckBox和RadioButton的显示效果
			
    ToggleButton.Switch.CheckBox和RadioButton都是继承自android.widget.CompoundButton,意思是可选择的,因此它们的用法都很类似.Compo ...
    
			
    3. 
						
  3. 基于eclipse的mybatis映射代码自动生成的插件http://blog.csdn.net/fu9958/article/details/7521681
			
    基于eclipse的mybatis映射代码自动生成的插件 分类: JAVA 数据库 工具相关2012-04-29 00:15 2157人阅读 评论(9) 收藏 举报 eclipsegeneratori ...
    
			
    4. 
						
  4. poj2407---欧拉函数应用
			
    欧拉函数介绍: 在数论中,对正整数n,欧拉函数是少于或等于n你的数中与n互质的数的数目. 通式:φ(x)=x(1-1/p1)(1-1/p2)(1-1/p3)(1-1/p4)…..(1-1/pn),其中 ...
    
			
    5. 
						
  5. Linux学习之挂载
			
    linux的系统组织方式是——整个系统从根开始,按树形目录依次向下逐渐扩大,分类存放不同用途的文件,/读作“斜线”,英文slash:当其写作一个路径时,第一个/表示根,即root,其他的/表示路径分割 ...
    
			
    6. 
						
  6. Spring总结——控制反转，注入（配置和注解两种方式）
			
    一.Spring的容器: 1.什么是控制反转:传统的方法,当某个java对象A需要调用对象B时,是由调用者(对象A)通过new关键字来创建对象B的(也可以说类A依赖类B),而在Spring中,则是由s ...
    
			
    7. 
						
  7. SICP 习题 (1.13) 解题总结
			
    SICP习题1.13要求证明Fib(n)是最接近φn/√5 的整数,其中φ=(1+√5)/2 .题目还有一个提示,提示解题者利用归纳法和斐波那契数的定义证明Fib(n)=(φn - ψn) / √5  ...
    
			
    8. 
						
  8. [Usaco2009 Feb]Revamping Trails 堆优化 Dijkstra
			
    .. 这题一眼就看出就是一个二维DP dp[i][j]表示到点i使用了j次免费边的最短距离 MD 卡SPFA.. 遂写dij. AC #include <iostream> #includ ...
    
			
    9. 
						
  9. Java中的流程控制(二)
			
    关于Java程序的流程控制(二) 关于Java程序的流程控制(二) 3.switch选择语句 switch语句用于将一个表达式的值同许多其他值比较,并按比较结果选择下面该执行哪些语句. switch( ...
    
			
    10. 
						
  10. linux杂记（十）what is BASH Shell
			
    first,what is shell?其实只要是碰过计算机的,对于OS(Operation System操作系统,不管是linux.unix.windows)有点概念的人大多都听过这个名词,因为只要 ...
    
			
    11.