jquery showModelDialog的使用方法示例详解

前两天收到这样一个任务：用户上传附件时，需要验证用户上传的附件中的身份证信息，如果有错误信息，需要显示所有错误信息。我首先考虑的需求是使用jQuery Dialog。但是，我们可以看到这个项目使用的是ShowModelDialog而不是showModelDialog，所以我们需要使用showModelDialog进行统一。window.showModalDialog()方法用于创建显示HTML内容的模式对话框。因为它是一个对话框，所以它不具有通常用window.open()打开的窗口的所有属性。用法：var返回值=window.showmodal dialog (URL [，自变量] [，特征])参数说明：URL:必选参数：用于指定要在对话框中显示的文档的URL。参数：可选参数。用于向对话框传递参数。传递的参数类型不限，包括数组等。使用对话框获取传入的参数。特征可选参数。用于描述对话框的外观和其他信息，可以使用以下一个或多个，用分号“；”分开了。DialogHeight对话框高度，不小于100px。对话宽度：对话宽度。DialogLeft:是桌面左侧的距离。dialogTop:和桌面之间的距离。Center: {是|否| 1 | 0}:窗口是否居中默认为是，但仍可以指定高度和宽度。Help: {是|否| 1 | 0}:是否显示帮助按钮，默认为是。Resizable: {是|否| 1 | 0} [ie5 ]:是否可以调整大小。默认编号状态： {是|否| 1 | 0} [ie5]:是否显示状态栏。默认为是[无模式]或否[模式]。Scroll:{是|否| 1 | 0 |开|关}:指示对话框是否显示滚动条。默认值为是。示例：复制代码如下： varrv=window . show modal dialog(%=path %/query/query _ showerrorinfo . action '，''，' dialogwidth=600pxdialogHeight=' height ' pxdialogLeft=400pxdialogTop=200px中心=否；可调整大小=无')；高度：根据显示器数量控制。Url:这是一个动作，动作用户得到了所有错误的人的信息。

同时跳转到errorInfo.jsp页面errorInfo.jsp复制代码代码如下：%@页面语言=' Java '导入=' Java。乌提尔。* "页面编码=' UTF-8 ' % @ taglib uri='/struts-tags '前缀='s' %！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题批量查询身份错误人员名单/title脚本类型=' text/JavaScript ' src=' http :/bjlc/js/jquery-1。4 .4 .量滴js /脚本链接href='/bjlc/CSS/queryrolinfo。CSS ' rel='样式表'类型='text/css' /链接href='/bjlc/css/index.css' rel='样式表'类型=' text/CSS '/head base target=' download ' body div class=' error main '我要修改class=' button _ 08 ' onclick=' wyxg()；/input type='button' value='继续查询class=' button _ 08 ' onclick=' jxcx()；//div div id=' showErrorInfo ' table class=' error table '单元格填充=' 0 '单元格间距=' 0 ' tr TD col span=' 3 ' class=' error title '错误人员名单TD/s 3360表格主题='simple' id='error_download '命名空间='/query '方法=' post '/s 3360表单/tr tr TD宽度=' 20% ' align=' center '姓名TD TD TD宽度='30% '对齐='中心'身份证TD TD TD宽度='50% '对齐='中心'错误信息/TD/tr/s 3360迭代器值=' #请求。eclist ' tr TDS 3360属性值=' XM '/TD TDS 3360属性值=' sfz '/TD TDS 3360属性值=' message '/TD/tr/s 3360迭代器/table/div/div/body SCRIPT类型='text/javascript' //设置高度函数setHeight(){ var _allH=$(' .错误主').高度();var _H1=$('#showErrorInfo ').高度();if(_ allH=536){ $(' # showErrorInfo ').css('height '，' 500 px ')} }窗口。onload=setHeight/SCRIPT/html样式表：queryErrorInfo.css复制代码代码如下：html，正文，错误主{ overflow:hidden高度： 100%;高度： 100%;} # showErrorInfo {宽度： 100%；溢出-Y:自动；OVERFLOW-x :隐藏；}.错误表{宽度： 90%；保证金： 10px 5%；font-size : 12pxborder: 1px实心# 8DC8FF}。错误表td { height: 40px边框-右侧： 1px实心# 8DC8FF边框-底部：1px实心# 8DC8FF文本对齐：中心；}.错误表TD :最后一个孩子{边框-右边： 0px} TD[id=' BTN ']{边框-底部： 0px}.错误标题{ font-weight : bold；font-size : 14px背景-颜色： # C6E3FF颜色： # 176ED2文本对齐：中心；}.错误Btn {宽度： 100%；高度： 20像素文本对齐：中心；bottom: 0px位置：绝对；}结果如下