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修改
这样就可以对其选择做出判断了.
效果图如下：