使用layui框架怎么弹出表单-创新互联

这篇文章将为大家详细讲解有关使用layui框架怎么弹出表单，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

使用layui点击弹出表单：

点击个人信息弹出表单：

1、首先是页面的点击弹出事件。

 $(function () {        var studentId="";        if ('${zyTb.sudentId}' != null &&'${zyTb.sudentId}' != '') {            studentId='${zyTb.sudentId}';        }        if ('${univcollection.studentId}' != null &&'${univcollection.studentId}' != '') {            studentId='${univcollection.studentId}';        }        var studentName = '';        studentName = '${gkzyUser.name}';         $("#personaLinfoButton").click(function(){            layer.open({                type: 2,                 //title: '收藏管理 (考生姓名：张无忌)',                title: '个人信息',                 shadeClose: true,                            //弹出框之外的地方是否可以点击                offset: '10%',                                area: ['60%', '80%'],                                content: '/gkzytb/franchiser/personaLinfo?gkzyUserId='+studentId                                // content: '/gkzytb/franchiser/rigthColumnJsonList'            });        });    });

2、当点击弹出窗口之后，请求controller来渲染form表单数据。同时跳转到包含form表单的jsp页面

 @RequestMapping("personaLinfo")     public String personaLinfo(Student student,Model model){        Area area = new Area();        area.setParent(new Area("0"));                List areaList1 = areaService.findList(area);        area.setParent(areaList1.get(0));                List areaList2 = areaService.findList(area);        area.setParent(areaList2.get(0));                List areaList3 = areaService.findList(area);                        List studentList = studentService.findList(student);                if (studentList.size()>0) {            model.addAttribute("student",studentList.get(0));            model.addAttribute("gkzyUser",gkzyUserService.get(studentList.get(0).getGkzyUserId()));        }        model.addAttribute("areaList1",areaList1);        model.addAttribute("areaList2",areaList2);        model.addAttribute("areaList3",areaList3);        model.addAttribute("table","1");        return "modules/gkzytb/personal/personaLinfo";    }

3、通过controller跳转到persionaLinfo的jsp页面。

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