layui弹出table表格

点击收藏弹出窗口

图片.png

弹出窗口如下：

首先是点击处罚事件：

   $("#collectionButton").click(function(){
            layer.open({
                type: 2,
                //title: '收藏管理 (考生姓名：张无忌)',
               title: '收藏管理 '+'(考生姓名：'+studentName+')'+'', //将姓名设置为红色
                shadeClose: true,           //弹出框之外的地方是否可以点击
                offset: '10%',
                area: ['60%', '80%'],
                content: '/gkzytb/plan1?studentId='+studentId
                // content: '/gkzytb/franchiser/rigthColumnJsonList'
            });
        });

中转的controller，通过此controller来跳转到一个页面，在这个页面渲染layer的table表格

package com.thinkgem.jeesite.modules.volunteer.web;

import com.thinkgem.jeesite.common.web.BaseController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
@RequestMapping(value = "${frontPath}")
public class CollectionController extends BaseController {

   @RequestMapping(value = "/plan1")
   public ModelAndView plan1(String studentId, ModelAndView modelAndView) {
       modelAndView.addObject("studentId",studentId);
       modelAndView.setViewName("modules/table/plan1");//跳转到这个jsp页面来渲染表格
       return modelAndView;
   }
}

plan1.jsp页面，在这个页面渲染jlayer.table表格

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>



   
   
   
   
   




   

       
方案一
       
方案二
       
专业表
       
意向
   

   

       

           
       
       

           
       
       
专业表内容主题
       
意向内容主题