jquery showModelDialog的使用方法範例詳解_jquery

前兩天接到這樣一個任務：在使用者上傳附件，需要校驗使用者上傳附件中身分證訊息，如果存在錯誤訊息需要將所有的錯誤訊息展示出來。
這個需求我一開始考慮得就是使用jQuery Dialog。但是看到這個專案沒有使用而是使用showModelDialog，所以為了統一，也需要使用showModelDialog。

window.showModalDialog()方法用來建立一個顯示HTML內容的模態對話框，由於是對話框，因此它並沒有一般用window.open()開啟的視窗的所有屬性。
使用方法：
varreturnValue = window.showModalDialog(URL [, arguments] [, features])
參數說明：
URL:必選參數：用來指定對話方塊要顯示的文件的URL。
arguments：可選參數。用來向對話框傳遞參數。傳遞的參數類型不限，包括陣列等。對話框透過window.dialogArguments來取得傳遞進來的參數。
features可選參數。用來描述對話框的外觀等訊息，可以使用以下的一個或幾個，用分號」;」分開。
dialogHeight 對話框高度，不小於100px。
dialogWidth: 對話框寬度。 
dialogLeft: 距離桌面左邊的距離。 
dialogTop: 離桌面上的距離。
center: {yes| no | 1 | 0 }：視窗是否居中，預設yes，但仍可指定高度和寬度。  help: {yes | no | 1 | 0 }：是否顯示幫助按鈕，預設為yes。  resizable: {yes | no | 1 | 0 } ［ie5＋］：是否可改變大小。預設no。  status: {yes | no | 1 | 0 } ［IE5 ］：是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。  scroll:{ yes | no | 1 | 0 | on | off }：指明對話框是否顯示捲軸。預設為yes。
範例：

複製程式碼 程式碼如下:

var rv = window.showMo🎜>

var rv = window.Tar​​p %>/query/query_showErrorInfo.action","","dialogWidth=600px;dialogHeight=" height "px;dialogLeft=400px;dialogTop=200px;center=no;resizable=no");

height：是根據展示的個數來控制的。
url：為一個action，該action使用者取得所有的錯誤人員資訊。同時跳到errorInfo.jsp頁面

 errorInfo.jsp

複製程式碼

程式碼如下:

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


 
   
   
   
     
   
 
     

     

          
             
      

      

          
              
                  
                  
              
              
                  
                  
                  
              
              
                  
                      
                      
                      
                  
              
          

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