收藏本站 收藏本站
积木网首页 - 软件测试 - 常用手册 - 站长工具 - 技术社区
首页 > JavaScript > jQuery > 正文

首页 - PHP - 数据库 - 操作系统 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS命令 - jQuery - CSS样式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

jQuery、layer实现弹出层的打开、关闭功能

打开弹出层:

在list页面带入layer.js

在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页面:

<span style="color:#000099;">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";  
            </span><span style="color:#ff6666;"> var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
            parent.layer.close(index); </span><span style="color:#000099;"> 
          }  
        }  
      );  
    } </span> 

以上所述是小编给大家介绍的jQuery、layer实现弹出层的打开、关闭功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

基于EasyUI的基础之上实现树形功能菜单
页面展示截图如下:为了实现以上效果,在开始前必须先将环境配置一下。第一步:首先,先将jquery-easyui-1.2.6文件引入到工程项目下,并在jsp页面上进

基于jQuery实现的Ajax 验证用户名唯一性实例代码
JSP部分代码:%@pagecontentType="text/html;charset=UTF-8"language="java"%htmlhead%@includefile="/common/header.jsp"%title用户管理/titlescripttype="text/javascript"functiondoVerify(){//获取

jQuery开源组件BootstrapValidator使用详解
本文实例为大家分享了BootstrapValidator使用方法,供大家参考,具体内容如下github:https://github.com/nghuuphuoc/bootstrapvalidator参考博客:JS组件系列——Form表

本周排行

更新排行

强悍的草根IT技术社区,这里应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP备05050695号