jQuery、layer实现弹出层的打开、关闭
2015-09-28 10:45
447 查看
打开弹出层:
在list页面带入layer.js
<script type="text/javascript" src="/admin/layer/layer.js"></script>
在list页面点击时,弹出form弹出层,list.js:
$(".add_category,.update").click(function(){ //弹出框 var doMain = $('.domain_name').val(); layer.open({ shade: [0.5, '#000', false], type: 2, area: ['900px', '530px'], fix: false, //不固定 maxmin: true, title: ['添加或修改用户类型', false], content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val() }); });
在点击form弹出层的“保存”按钮时,如果保存数据成功,则关闭弹出层,并且刷新list页面:
form.js:
submitHandler: function (form){ $.post( $('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action", $(form).serialize(), function(data){ var result = eval("("+data+")"); if(!result.status){ alert(result.message); }else{ //添加数据成功,关闭弹出窗之前,刷新列表页面的数据 parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action"; var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); } } ); }
相关文章推荐
- js、jQuery、layer实现弹出层的打开、关闭
- jquery、layer 实现弹出层的打开、关闭
- jQuery、layer实现弹出层的打开、关闭功能
- js、jQuery、layer实现弹出层的打开、关闭
- jQuery、layer实现弹出层的打开、关闭
- jQuery实现点击按钮弹出可关闭层的浮动层插件
- jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
- javascript实现打开新窗口全屏,并且关掉父窗体(不弹出关闭提示)
- jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
- jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
- Jquery 实现弹出框点击自身以外的地方(遮罩层)关闭弹出框
- jQuery实现点击任意位置弹出层外关闭弹出层效果
- jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
- jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
- Layer组件多个iframe弹出层打开与关闭及参数传递
- Android EditText 代码实现弹出打开和关闭工具类
- jquery中layer弹出层的使用,以及关闭后如何刷新调用层
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div