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>