首页 > 开发 > 综合 > 正文

Ext2.0:MessageBox.confirm控件

2020-02-10 16:53:58
字体:
来源:转载
供稿:网友
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"" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="ext/ext-all.js"></script>
<!-- Common Styles for the examples -->
<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修改
这样就可以对其选择做出判断了.
效果图如下:
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表