layer弹窗自定义及向父页动态传参

                                                           layer弹窗自定义及向父页动态传参

    

     做项目中需要用到弹出框在父页面内弹出对话框供用户选择信息，然后将用户选择传回父页面的需求。查找网上资料，发现layer弹窗插件是个好东西，能完美的实现本人需要的功能。以下写一个小Demo记录下来，以便以后查找。

       首先从官网下载js插件包。

       layer官网：http://layer.layui.com/

         

      

        下载后的包结构如下：

     

    页面test.jsp部分代码如下：

<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<%
    String path = request.getContextPath();
	// 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量    
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	// 将 "项目路径basePath" 放入pageContext中，待以后用EL表达式读出。    
	pageContext.setAttribute("basePath", basePath);
%>













 
 




    
涉及专用号
	   

		  
 
 
1
 
XYZW125678
		  
 
 
2
 
XYZW225678
	      
 
 
3
 
XYZW325678
	   
  
  
 
    

      

	  

               涉及专用号:
	  
	  

              
          
	  

              
               
      
    
  

      实现效果截图：

    
  

     

      总结：本来打算用sweetAlert实现的，但是发现sweetAlert功能不全，只适合做提示框，无法加载动态的自定义的html内容。

      sweetAlert只能选择简单的输入操作：

      

     

     上面页面的实现代码：test1.jsp

     以下引用了helloweba.com的部分代码：http://www.helloweba.com

	

		

			提示确认：点击这里 
		
		

			定义内容：点击这里 
		
		

			确认输入：点击这里