`
234390216
  • 浏览: 10238776 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量：462902
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量：1775985
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量：1398756
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量：395157
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量：680175
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量：531148
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量：1185029
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量：468825
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量：151494
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量：68344
社区版块
存档分类
最新评论

Ext(3)——MessageBox

EXTCSSJavaScriptHTML 
阅读更多

前面想这些代码好像没什么用，没什么必要贴，都是一些比较浅显的东西，以后应该不会不知道的，但现在这个我还是想贴一下，因为从近期做的项目来看，这几种信息提示框我用的还是比较多的，所以以后用Ext的时候应该也不会少用吧，还是把它贴一下好了。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<link rel="stylesheet" type="text/css" href="/ext/ext4/resources/css/ext-all.css"/>
	<script type="text/javascript" src="/ext/ext4/ext-all-debug.js"></script>
	<script type="text/javascript">
		Ext.onReady(function() {
			//Ext里面的Msg窗口都是是异步的，即窗口弹出后，弹出窗口以后的代码也在运行，如果需要使用同步的方式，
			//可以使用回调函数
			//alert窗口
			Ext.Msg.alert("title","content");
			
			//prompt窗口
			//使用一个回调函数来处理输入的内容
			//回调函数里面的btn有两个值，一个是ok,一个是cancel,
			//text表示输入的内容
			Ext.Msg.prompt("title","content",function(btn,text) {
				if (btn == 'ok') {
					if (text)
						Ext.Msg.alert("prompt Test",text);
				} else {
					alert(btn);
				}
			});
			
			//直接配置参数来显示一个窗口，可以作为js里面的确认窗口用
			Ext.Msg.show({
				title: "confirm",
				msg: "Are you sure you want to delete it?",
				buttons: Ext.Msg.YESNOCANCEL,
				fn: function() {//这里是表示回调函数
					alert("回调");
				},
				icon: Ext.window.MessageBox.QUESTION
			});
			//因为Ext的Msg窗口都是异步的，所以，直接向上面这样写，只有最后一个窗口会弹出，
			//其实前面两个窗口也是有弹出的，只是被后面一个覆盖了而已！
		});
	</script>
  </head>
  
  <body>
  </body>
</html>
 
分享到：
| Ext(2)——container
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    详细讲解了Ext相关知识，Ext实例教程

    接下来，我们讨论ExtJS中的信息提示框——Ext.MessageBox。与JavaScript原生的alert()函数相比，Ext.MessageBox提供了一系列更强大且灵活的功能： 1. **Ext.MessageBox.confirm()**：这个方法创建一个确认对话框，...

    ExtJs控件详解

    本文将重点介绍ExtJs中的控件之一——MessageBox，它在Web应用开发中扮演着重要的角色。 ### 1. Ext.MessageBox #### **1.1 Ext.MessageBox.alert()** `Ext.MessageBox.alert()` 方法用于弹出一个警告对话框。该...

    ext实例 ext操作步骤

    Ext.MessageBox.alert("你好", "wayfoon"); }); ``` 4. **创建布局**：根据需求选择合适的布局模式，如Border布局，定义各区域并组合子组件。 ```javascript var viewport = new Ext.Viewport({ layout: '...

    ExtJs2指南最新版

    在本文中，我们将深入探讨ExtJS2.0中的一个重要组件——Ext.MessageBox，它提供了一种弹出对话框的方式来与用户进行交互。Ext.MessageBox提供了多种功能，如警告、确认、提示和自定义对话框，这些功能使得在Web应用...

    ExtJs新手入门实例

    本文将针对初学者，详细讲解ExtJs中的一个基础且实用的模块——Ext.MessageBox，这是ExtJs提供的一个用于显示消息对话框的组件。 1. **Ext.MessageBox.alert()** `Ext.MessageBox.alert()`方法用于显示一个简单的...

    精通JS脚本之ExtJS框架.part1.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    Ext自己的资料学习

    【开始学习EXT】的过程中，文章提供了一个简单的示例项目——`IntroToExt.zip`。这个项目包含`ExtStart.html`、`ExtStart.js`和`ExtStart.css`三个文件，用于演示EXT的基本使用。通过运行`ExtStart.html`，可以确保...

    Ext Js权威指南(.zip.001

    7.4.3　数据模型的骨架——字段：ext.data.field / 330 7.4.4　数据集：ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 7.4.5　数据验证及错误处理：ext.data.validations与ext.data.errors / ...

    ExtJs自定义消息框

    Ext.MessageBox.alert(String title, String msg, Function fn, Object scope); ``` - **title**：字符串类型，用于设置消息框的标题。 - **msg**：字符串类型，用于设置消息框中显示的信息文本。 - **fn**：函数...

    精通JS脚本之ExtJS框架.part2.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    Extjs4 API文档阅读(一)——类系统(Class System)

    ### Extjs4 API文档阅读(一)——类系统 #### 第一部分：概述 在ExtJS4中，类机制被大幅度地重构与优化，这主要是为了支撑全新的架构需求。随着ExtJS4类的数量超过300个，对于这样一个庞大且全球范围内拥有超过20万...

    Extjs中文教程2.x

    - **示例**: 使用 `Ext.MessageBox.show()` 方法自定义弹窗。 #### 四、页面与脚本完全分离 **4.1 Extjs 是脚本的世界** - **概念**: Extjs 支持将 HTML 页面与 JavaScript 脚本完全分离。 - **优势**: 提高代码...

    ExtJS 2.0实用简明教程 之ExtJS版的Hello

    `Ext.MessageBox.alert`方法创建了一个警告对话框，显示了“hello”作为标题和“Hello, easyjf open source”作为消息。 进一步，我们可以创建一个窗口（Window）来展示内容。这是通过以下代码实现的： ```...

Magicbox
Global site tag (gtag.js) - Google Analytics