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>
