function save(button) {
if (button == "yes") {
// 执行数据保存操作
} else if (button == "no") {
// 不保存数据
} else {
// 取消当前操作
}
}
Ext.onReady(function() {
// 对话框
Ext.get("btn").on("click", function() {
Ext.MessageBox.alert("请注意", "这是点击新窗口按钮");// 提示框
});
// confirm的方法签名为
// confirm ( String title, String msg, [Function fn], [Object scope]
// ) ，
// 参数title表示对话框的标题，参数msg表示对话框中的提示信息，这两个参数是必须的；可选的参数fn表示当关闭对话框后执行的回调函数，参数
// scope表示回调函数的执行作用域。
// 回调函数可以包含两个参数，即button与text,button表示点击的按钮，
// text表示对话框中有活动输入选项时输入的文本内容
Ext.get("delbtn").on('click', function() {
Ext.Msg.confirm('提示', '确定要删除?', function(button, text) {
if (button = "yes") {
// 执行删除操作
alert("成功删除")
}
})
})
Ext.get("btnprompt").on('click', function() {
// 参数一：提示标题，参数二：信息内容，参数三：函数(选择按钮状态,输入的文本内容)
Ext.Msg.prompt('提示', '输入内容', function(button, text) {
if (button == "ok") {
alert('您输入的内容是：' + text);
}
alert('你没有输入内容');
})
})
Ext.get("btnprogress").on('click', function() {
// 参数一：标题，参数二：提示框内容信息，参数三:进度条显示的文本内容
Ext.Msg.progress('提示', '正在进行', '正在上传')
})
Ext.get("definebtn").on('click', function() {
Ext.Msg.show({
title : '保存数据',
msg : '你已经做了一些数据操作，是否保存数据修改?',
buttons : Ext.Msg.YESNOCANCEL,
fn : save,// 调用save函数
icon : Ext.MessageBox.QUESTION
});
})
})
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<html>
<head>
<title>窗口对话框</title>
<link rel="stylesheet" type="text/css"
href="${base}/script/ext/resources/css/ext-all.css">
<script type="text/javascript"
src="${base}/script/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/script/sample/third.js"></script>
</head>
<body>
<input type="button" id="btn" name="btn" value="新窗口"/>
<input type="button" id="delbtn" name="btn" value="删除"/>
<input type="button" id="btnprompt" name="btn" value="测试prompt提示窗口" />
<input type="button" id="btnprogress" name="btnprogress" value="测试progress进度窗口" />
<input type="button" id="definebtn" name="definebtn" value="自定义对话框" />
</body>
</html>
分享到：
相关推荐
模式对话框传值实例，很简明，打开a.html即可
VB 保存对话框的实例 VB 保存对话框的实例
今天小编就为大家分享一篇PyQt5 窗口切换与自定义对话框的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
多色窗口的实现,云形窗口,可扩展对话框及消息框等.
实例135——创建半透明对话框窗口 实例136——创建圆形对话框窗口 实例137——全屏幕显示对话框窗口 实例138——动态改变对话框窗口大小 实例139——按下Esc键，对话框不关闭 实例140——禁用对话框右上角的...
这是我所见过的最好看的网页窗口/对话框程序，它实现于标准的HTML页面，实现语言是...现有的实例包括：模仿MAC OS的对话框，在对话框中打开一个网页，警告框，确认对话框，信息对话框，登录对话框，AJAX对话框等等
实例393 简单计算器 658 实例394 复杂计算器 662 19.2 日历 667 实例395 精美日历 668 实例396 带农历的日历 674 19.3 购物车 681 实例397 添加至购物车 682 实例398 查看购物车 684 实例399 修改...
C# winform 实现弹出的等待对话框实例 C# winform 实现弹出的等待对话框实例
QT各种对话框实例，模态对话框，文件、颜色、字体、输入、消息框详细实例，本代码开发环境QT5.6.3
android 自定义单选、多选对话框及popwindow窗口实例源码.zip
第1章 窗口 2 1.1 窗口和API环境 2 1.1.1 三种类型窗口 2 1.1.2 客户区和非客户区 3 1.2 窗口和MFC环境 4 1.3 怎样应用MFC创建一个窗口 5 1.4 怎样使用MFC销毁一个窗口 9 1.4.1 捆绑到一个已有的窗口 9 1.4.2 窗口类...
mfc的单文档的窗口分割实例。实现了窗口静态分割。依托功能是一个学生管理系统。
自定义单选、多选对话框及popwindow窗口实例源码
自定义单选、多选对话框及popupwindow窗口实例源码是一个自定义的弹出对话框例子源码，弹出的时候有半透明效果，提供的有弹出单选(popwindow)、弹出多选(popwindow)、弹出单选(dialog)、弹出多选(dialog)等几种实现...
实例3 创建对话框窗口 实例4 创建启动窗口 第2章 多窗口界面 实例5 多窗口的单文档界面 实例6 通过菜单改变视图 实例7 通过工具栏改变视图 实例8 多视图窗口数据显示 第3章 实现microsoft风格 实例9 visual ...
实例3 创建对话框窗口 实例4 创建启动窗口 第2章 多窗口界面 实例5 多窗口的单文档界面 实例6 通过菜单改变视图 实例7 通过工具栏改变视图 实例8 多视图窗口数据显示 第3章 实现microsoft风格 实例9 visual ...
android自定义单选、多选对话框及popwindow窗口实例源码0分提供下载了