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>
分享到：
相关推荐
在本文中，我们将深入探讨如何在MFC（Microsoft Foundation Classes）框架中创建一个简单的对话框实例，以及如何通过单击菜单项来触发该对话框的显示。MFC是微软为Windows应用程序开发提供的一种C++库，它封装了...
在网页开发中，模式对话框（Modal Dialog）是一种常见的用户交互设计，用于在主页面上显示一个临时的、必须处理的窗口，用户需完成对话框内的操作后才能继续与主页面进行交互。这个实例——"模式对话框传值实例"，...
而非模态对话框则允许用户同时操作对话框和其他窗口。 这20个实例可能涵盖了以下关键知识点： 1. **创建对话框类**：每个对话框都有一个关联的C++类，通常是基于`CDialog`的派生类。这些实例可能会展示如何定义...
而非模态对话框则允许用户同时操作对话框和其他窗口。 创建对话框通常包括以下几个步骤： 1. **设计对话框资源**：在Resource Editor中，你可以添加控件（如按钮、文本框、复选框等），并调整它们的位置和大小。...
在www.maoyeah.com.txt、maoyeah和maoyeah_com这三个文件中，可能包含了关于如何使用这些对话框实例的说明、示例代码或者可能是实际的源码文件。`www.maoyeah.com.txt`很可能是一个文本文件，提供了有关此编程实例的...
5. 在主程序中创建并显示窗口或对话框实例。 ### 总结 MFC实例第三篇聚焦于窗口和对话框的实现，包括多色窗口、云形窗口、可扩展对话框和消息框。通过理解和掌握这些技术，开发者能够创建具有独特视觉效果和交互...
这个“Android dialog对话框用法实例.rar”压缩包提供了一些示例代码，帮助开发者了解如何在Android应用中创建和使用Dialog。 首先，我们来详细探讨Android Dialog的基本概念。Dialog是Android UI设计中的一种非...
### PyQt5 窗口切换与自定义对话框的实例详解 #### 一、引言 随着GUI开发的日益普及，PyQt5作为一款强大的跨平台GUI库，因其丰富的功能和简洁的API受到广大开发者的青睐。对于需要构建复杂用户界面的应用程序来说，...
以下是一个简单的实例代码： ```vb Private Sub Command1_Click() ' 显示颜色对话框 ColorDialog1.ShowDialog() ' 检查用户是否选择了颜色 If ColorDialog1.Color <> vbWhite Then ' 用户选择了颜色，将该...
创建一个`CSplitterWnd`实例并将其添加到对话框中，可以实现动态的窗口布局，提高用户交互体验。 以下是一些关于创建和使用`CSplitterWnd`的关键步骤： 1. 在资源编辑器中为对话框添加一个`CSplitterWnd`控件，...
下面是一个简单的VB字体对话框实例，展示如何在按钮点击事件中使用FontDialog： ```vb Private Sub btnChooseFont_Click(sender As Object, e As EventArgs) Handles btnChooseFont.Click ' 初始化字体对话框 ...
总之，"VC MFCT层层调出对话框实例小程序"是一个很好的学习资源，它涵盖了MFC对话框的创建、显示、数据传递和返回值处理等多个方面。通过实践和调试这个程序，你将能更熟练地在Windows环境中构建用户界面丰富的应用...
这个实例将详细讲解如何在VB应用程序中集成并使用保存对话框，以实现用户友好的文件保存功能。 首先，我们需要在VB工程中引入保存对话框控件。在设计界面时，打开工具箱（ Toolbox），找到“对话框”类别，可以看到...
《MFC对话框实例简单教程》 MFC（Microsoft Foundation Classes）是微软提供的一套用于开发Windows应用程序的类库，其中对话框（Dialog）是构建用户界面的重要元素。本教程将深入探讨MFC对话框的基本概念和应用，...
在本文中，我们将深入探讨如何使用VC6.0开发环境实现“切分对话框实例”，这一功能主要用于在对话框界面中动态地分割显示区域，允许用户以横行或纵向方式组织内容。我们将介绍核心的编程概念和技术，以及涉及到的...
首先，我们从标题"jquery中在一个页面中弹出编辑对话框的实例"出发，可以理解我们需要使用jQuery库来创建一个对话框（通常表现为模态窗口或浮动窗口）用于编辑页面上的内容。jQuery是一个强大的JavaScript库，它简化...
模态对话框是用户界面设计中的一个重要元素，它在应用程序中起到临时中断主窗口操作，迫使用户必须先处理对话框中的事务，才能继续进行其他操作的功能。这种对话框的特性使得用户不能忽视其存在，因此被称为“模态”...
本文将详细讲解如何使用Visual C++（VC++）来调用Windows的关机窗口对话框。 首先，我们需要理解的是，Windows API（应用程序编程接口）提供了丰富的函数供开发者使用，其中包括控制系统的功能。在Windows中，调用...
实例135——创建半透明对话框窗口 实例136——创建圆形对话框窗口 实例137——全屏幕显示对话框窗口 实例138——动态改变对话框窗口大小 实例139——按下Esc键，对话框不关闭 实例140——禁用对话框右上角的...
而对话框应用，可能涉及Java Swing或JavaFX等GUI库，创建一个窗口，让用户通过输入框输入温度值，然后点击按钮触发转换，转换后的结果会在界面上的文本框或其他元素中显示。 3. **控制台交互**： Java中的`System....