使用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页面。

摘要：layer.open({ type : 2,                                                &

layer.open({

type : 2,

title : "信息編輯",

area : [ '45%', '35%' ],

shade : 0,

shadeClose : false,

content : "/admin/user/classInfoEditTurn?classId="+data.classId,

btn:['提交'],

yes:function(index,layero){

var body = top.layer.getChildFrame('body',index);

var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();

console.log(body.find('#classId').val());

$.ajax({

url:"/admin/user/updateClassInfo",

type:'post',

data:{

'classId':body.find('#classId').val(),

'className':body.find('#className').val(),

'classType':body.find('#classType').val(),

'gradeName':body.find('#gradeName').val(),

'schoolPart':body.find('#schoolPart').val()

},

dataType:'json',

success:function(data){

if (data.code == 0) {

layer.msg(data.msg,{

icon:1,

time:1000

},function(){

parent.layer.close(index)

});

} else if (data.code == 500) {

layer.msg(data.msg,{

icon:2,

time:1000

},function(){});

}

}

});

},

closeBtn : 1,

btnAlign:'c',

success : function(layero, index) {

},

cancel : function() {

layer.open({

type: 1

,title: false //不显示标题栏

,closeBtn: false

,area: '300px;'

,shade: 0.8

,id: 'LAY_layuipro' //设定一个id，防止重复弹出

,btn: ['是的关闭它', '我再考虑一下']

,yes:function(){

layer.closeAll();

}

,btnAlign: 'c'

,moveType: 1 //拖拽模式，0或者1

,content: '

});

return false;

},

end : function() {

layer.closeAll();

location.reload();

}

});