jquery showModelDialog_jquery 사용예에 대한 자세한 설명

이틀 전에 받은 작업입니다. 사용자가 첨부파일을 업로드할 때, 사용자가 업로드한 첨부파일에 있는 신분증 정보를 확인해야 하는데, 오류 정보가 있으면 모든 오류 정보를 표시해야 합니다.
이 요구 사항에 대해 제가 가장 먼저 고려한 것은 jQuery Dialog를 사용하는 것이었습니다. 그런데 이 프로젝트에서는 showModelDialog를 사용하지 않고 showModelDialog를 사용하는 것으로 보아 통일성을 위해서는 showModelDialog도 함께 사용해야 합니다.

window.showModalDialog() 메서드는 HTML 콘텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다. 대화 상자이므로 일반적으로 window.open( ).
사용법:
varreturnValue = window.showModalDialog(URL [, 인수] [, 기능])
매개변수 설명:
URL: 필수 매개변수: 대화 상자에 표시할 문서를 지정하는 데 사용됩니다. URL.
인수: 선택적 매개변수. 대화 상자에 매개변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달되는 매개변수 유형은 제한되지 않습니다. 대화 상자는 window.dialogArguments를 통해 전달된 매개변수를 가져옵니다.
선택적 매개변수가 있습니다. 대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음 중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.
dialogHeight 대화 상자 높이, 100px 이상.
dialogWidth: 대화상자 너비.
dialogLeft: 데스크탑 왼쪽으로부터의 거리입니다.
dialogTop: 데스크탑으로부터의 거리입니다.
center: {yes| no | 1 | 0}: 창이 중앙에 있는지 여부, 기본값은 yes이지만 높이와 너비는 계속 지정할 수 있습니다. 도움말: {예 | 아니오 | 0}: 도움말 버튼을 표시할지 여부, 기본값은 예입니다. 크기 조정 가능: {예 | 아니요 | 0} [ie5+]: 크기를 조정할 수 있는지 여부입니다. 기본값은 아니오입니다. 상태: {예 | 아니오 | 0} [IE5]: 상태 표시줄을 표시할지 여부입니다. 기본값은 yes[Modal] 또는 no[Modal]입니다. scroll:{ yes | no | 0 | on off }: 대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
예:

코드 복사 코드는 다음과 같습니다.

var rv = window.showModalDialog("< ;%= path%>/query/query_showErrorInfo.action","","dialogWidth=600px;dialogHeight=" 높이 "px;dialogLeft=400px;dialogTop=200px;center=no;resizing=no");

높이: 디스플레이 수에 따라 조절됩니다.
url: 이는 행위이며, 이 행위의 사용자는 잘못된 개인 정보를 모두 얻게 됩니다. 동시에 errorInfo.jsp 페이지

errorInfo.jsp

로 이동하세요.

코드 복사 코드는 다음과 같습니다.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>


 
   
   
   
     
   
 
     

     

          
             
      

      

          
              
                  
                  
              
              
                  
                  
                  
              
              
                  
                      
                      
                      
                  
              
          

错误人员名单
姓名	身份证	错误信息

      

     

 
 

样式表：queryErrorInfo.css

复代码 代码如下:

html,body, .errorMain{
    오버플로: 숨김;
    높이: 100%;
    높이: 100%;
}

#showErrorInfo{
    너비: 100%;
    OVERFLOW-Y: 자동;
    OVERFLOW-X:숨김;
}

.errorTable{
    너비: 90%;
    여백: 10px 5%;
    글꼴 크기: 12px;
    테두리: 1px 단색 #8DC8FF;
}

.errorTable td{
    높이: 40px;
    border-right: 1px solid #8DC8FF;
    border-bottom:1px solid #8DC8FF;
    text-align: center;
}

.errorTable td:last-child{
    border-right: 0px;
}

td[id="btn"]{
    border-bottom: 0px;
}

.errorTitle{
    글꼴 두께: 굵게;
    글꼴 크기: 14px;
    배경색: #C6E3FF;
    색상: #176ED2;
    텍스트 정렬: 가운데 ;
}

.errorBtn{
    너비: 100%;
    높이: 20px;
    text-align: center;
    하단: 0px;
    위치:절대;
}

结果如下：