首頁 > web前端 > js教程 > jquery showModelDialog的使用方法範例詳解_jquery

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

WBOY
發布: 2016-05-16 17:14:14
原創
2359 人瀏覽過

前兩天接到這樣一個任務:在使用者上傳附件,需要校驗使用者上傳附件中身分證訊息,如果存在錯誤訊息需要將所有的錯誤訊息展示出來。
這個需求我一開始考慮得就是使用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" %>


 
    批量查询身份错误人员名单
   
   
     

   
 
     

     

          
             
      

      

          
              
                  
                  
              
              
                  
                  
                  
              
              
                  

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

      

     

 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板