Ext2.0：MessageBox.confirm控件

2024-07-21 02:14:03

字體：大中小

來源：轉載

供稿：網友

MessageBox的其他控件的用法可以參照這個
DEMO實現.在輸入賬號密碼后出現提示窗口,是否登陸,如是直接登陸,如果不是則返回:
準備工作:
先下Ext2.0的js源部和Css源碼下載地址:http://extjs.com/download
附Ext2.0API地址:http://extjs.com/deploy/dev/docs/
之后導入部分需要用到的東西包括一部分的js和一部分的css .都能在下載到的包中找到.

加在jsp頁面的form前面即可
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" _fcksavedurl=""resources/css/ext-all.css"" _fcksavedurl=""resources/css/ext-all.css"" _fcksavedurl=""resources/css/ext-all.css"" />


<script type="text/javascript" src="adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="ext/ext-all.js"></script>

<link rel="stylesheet" type="text/css" href="ext/examples.css" />
<style type="text/css">
.x-window-dlg .ext-mb-download {
background:transparent url(images/download.gif) no-repeat top left;
height:46px;
}
</style>
之后,在原來提交按鈕的地方加上觸發confirm的信息
<input type="button" id="mb1" name="Submit2" value="登陸" class="borderbut"/>
然后寫下面的javascript語句
<script language="javascript">
Ext.onReady(function(){
Ext.get('mb1').on('click', function(e){
Ext.MessageBox.confirm('登陸', '確定嗎?',fun);
});
});
function fun(btn)
{
if(btn=='yes'){
document.forms[0].submit();
}
return false;
}
</script>
解釋:button按鈕的id為mb1按時觸發Ext.onReady事件然后Ext調用其MessageBox.confirm
控件,比較重要的是fun得到的btn值如果你按確定,默認得到的是yes,如果你按返回得到的

是no.如果要改提示的信息,用文本打開ext-all.js修改
這樣就可以對其選擇做出判斷了.
效果圖如下：