http://www.readfx.com

                                                                  【大发私彩app】怎么使用layui弹出表单-Layui教程

                                                                  使用layui点击弹出表单:

                                                                  点击个人信息弹出表单:

                                                                  1.jpg

                                                                  2.jpg

                                                                  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<Area> areaList1 = areaService.findList(area);        area.setParent(areaList1.get(0));                List<Area> areaList2 = areaService.findList(area);        area.setParent(areaList2.get(0));                List<Area> areaList3 = areaService.findList(area);                        List<Student> 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页面。

                                                                  郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:d-log模式是什么意思-常见问题
                                                                  下一篇:没有了