使用layui弹出表单的方法-创新互联

小编给大家分享一下使用layui弹出表单的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联建站是一家集网站建设,江油企业网站建设,江油品牌网站建设,网站定制,江油网站建设报价,网络营销,网络优化,江油网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

使用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" %>
    
    内蒙古高考志愿规划-鄂尔多斯市微联网络科技有限责任公司
    
    
    

看完了这篇文章,相信你对使用layui弹出表单的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联网站制作公司行业资讯频道,感谢各位的阅读!


本文标题:使用layui弹出表单的方法-创新互联
网站网址:http://bzwzjz.com/article/cegphc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计制作公司 营销型网站建设 网站建设改版 成都品牌网站设计 成都网站建设公司 手机网站制作 成都网站设计 网站制作报价 LED网站设计方案 成都网站建设 网站制作 成都网站建设 商城网站建设 成都企业网站建设公司 成都响应式网站建设 成都网站建设 手机网站制作 成都网站设计 成都网站建设 企业网站制作 成都网站建设 成都网站建设推广