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

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

目前累计服务客户近千家,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供成都网站设计、成都做网站、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。成都创新互联公司始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。

使用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" %>        内蒙古高考志愿规划-鄂尔多斯市微联网络科技有限责任公司                                                            姓名                                        
        
                    性别                                                        
        
                    民族                                                                                    邮箱                                                                    学校                                                                    地区                                                                        ${area.name}                                                                                                                        ${area.name}                                                                                                                        ${area.name}                                                                                            语文                                                                                            数学                                                                                            英语                                                                                                            综合                                                                                            总分                                                                                            投档                                                                                                            立即提交                重置                        

关于使用layui框架怎么弹出表单就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站栏目:使用layui框架怎么弹出表单-创新互联
网站链接:http://scyanting.com/article/djiejh.html