當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

EXT窗口

發布時間：2023/11/27 生活经验 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 EXT窗口小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Alert提示框

Ext的對話框都封裝在Ext.MessageBox類，該類還有一個簡寫形式即Ext.Msg，可以直接通過Ext.MessageBox或Ext.Msg來直接調用相應的對話框方法來顯示Ext對話框。

<html>
<head><title>演示</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function(){
Ext.get("btnAlert").on("click",function(){
Ext.MessageBox.alert("請注意","這是ExtJS的提示框");
});
});
</script>
</head>
<body>
<div id="hello"></div>
<input id="btnAlert" type="button" value="alert框" />
</body>
</html>

confirm

除了alert以外，Ext還包含confirm、prompt、progress、wait等對話框，另外我們可以根據需要顯示自下定義的對話框。普通對話框一般包括四個參數，比如confirm的方法簽名為confirm (?String title, String msg, [Function fn], [Object scope]?) ，參數title表示對話框的標題，參數msg表示對話框中的提示信息，這兩個參數是必須的；可選的參數fn表示當關閉對話框后執行的回調函數，參數 scope表示回調函數的執行作用域。回調函數可以包含兩個參數，即button與text,button表示點擊的按鈕，text表示對話框中有活動輸入選項時輸入的文本內容。我們可以在回調函數中通過button參數來判斷用戶作了什么什么選擇，可以通過text來讀取在對話框中輸入的內容

<html>
<head><title>演示</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script><script src="extjs/build/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function(){Ext.get("btn").on("click",function(){Ext.MessageBox.confirm("請確認","是否真的要刪除指定的內容",function(button,text){alert(button);//alert(text);});});});</script>
</head>
<body>
<div id="hello"></div>
<input id="btn" type="button" value="alert框" />
</body>
</html>

更實用的

<html>
<head><title>演示</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script><script src="extjs/build/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function(){Ext.get("btn").on("click",function(){Ext.MessageBox.confirm("請確認","是否真的要刪除指定的內容",function(button,text){if(button=="yes"){//執行刪除操作alert("成功刪除");}});});
});
</script>
</head>
<body>
<div id="hello"></div>
<input id="btn" type="button" value="alert框" />
</body>
</html>

?prompt框

用的不多，不過有時候會用到

<html>
<head><title>演示</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script><script src="extjs/build/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function(){
Ext.get("btn").on("click",function(){
Ext.MessageBox.prompt("輸入提示框","請輸入數字:",function(button,text){
if(button=="ok"){
alert("你輸入的數字是:"+text);
}
else alert("你沒有輸入!");
});
});
});</script>
</head>
<body>
<div id="hello"></div>
<input id="btn" type="button" value="alert框" />
</body>
</html>

ETX系列：

EXT基礎

EXT表格

EXT事件

EXT窗口

總結

以上是生活随笔為你收集整理的EXT窗口的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

窗口
Ext