layer的弹出层的简单的例子

如果不了级的基本的清楚官网查看api网址为

http://layer.layui.com/

我用的是iframe

/!*
 如果是iframe层
 */
layer.open({
  type: 2, 
  content: 'http://sentsin.com' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
}); 

样式如图：

在js中写 函数如

function option_add_new(element,id,restaurant_id){
    var count = $(element).next().text();
    layer.open({
        type: 2,
        title: false,
        area: ['430px', '500px'],
        maxmin: false,
        closeBtn: 1,
        content: '../productProperty/optionnew.do?id='+id+'&shop_id='+restaurant_id
    });
}

他跳转到一个controller，controller代码如下

@RequestMapping("/optionnew")
    public String getProperty(String id,String shop_id,HttpServletResponse response,HttpServletRequest request) throws Exception{
        List omsProductProperties=productPropertyService.selectOne(Integer.parseInt(id));
        //StringBuffer sbf=new StringBuffer();
        System.out.println("hello,com ");
        OmsProductProperty omsProductProperty=productPropertyService.selectByPrimaryKey(omsProductProperties.get(0).getOppId());
        OmsProduct omsProduct=productService.selectByPrimaryKey(omsProductProperty.getOmsProduct().getOpId());
        request.getSession().setAttribute("listproductproperty", omsProductProperties);
        request.getSession().setAttribute("producttan",omsProduct );
        return "/front/property.jsp";
    }

把结果页面返回给iframe  结果页面代码如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>




    
    
    
    
    
    
    
    
    
 



    

        ${sessionScope.producttan.opName} 
        （菜品选项）
    
    
    

        
            
            

                            ${property.oppName}  (必选) 
                        
            

                
                                
                                        
                                            

                    

                        
                            

                                    

                                    

                                        
                                    
                                    

                                             $ 
                                        
                                        
                                        

                                        
                                        
                                        
                                        

                                        
                                        
                                    
                                        
                                
                            
                    
                
            
                    
    

        
        
    
        

                
                                
                                        
                                            

                    

                            

                                    

                                    

                                        
                                    
                                    

                                             $ 
                                        
                                        
                                        
                                    
                                        
  
                        

                                
                            
                    
                
            
        



        
        
        
        

    

    

        

            

                

                    

                    
${sessionScope.producttan.opName}
                    
                    
$ ${sessionScope.producttan.opPrice }
                    
 1 
                    

                
            
        
    
    

        合计：$${sessionScope.producttan.opPrice }
        添加
    




    

        
        

        
             
             
             
             
            
        
    
    
    

这样之后就能达到想要的效果。。