zoukankan      html  css  js  c++  java
  • thickbox关闭子页后ajax局部刷新父页

    1. 首先注意需要调用thickbox的js

    <script type="text/javascript"    src="<%=path%>/js/jquery-1.8.3.min.js"></script>
    <script language="javascript" src="<%=path%>/js/thickbox.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/thickbox.css"></link>

    2. 关闭子页的时候,主要是调用了thickbox.js的tb_remove()函数

    注:不能修改thickbox.js中的tb_remove()函数,因为那个是个基类,如果发生单独的业务,需要在自己的jsp中重载该方法,也就是说,

    在父页的jsp中重写tb_remove()函数

    //重载thickbox方法,实现刷新页面
        function tb_remove() {
             $("#TB_imageOff").unbind("click");
            $("#TB_closeWindowButton").unbind("click");
            $("#TB_window").fadeOut("fast",function(){ $('#TB_iframeContent').remove();$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
            $("#TB_load").remove();
    
            document.onkeydown = "";
            document.onkeyup = "";    
            //父页的局部刷新函数
                selectDepartment();
            
            return false;
        }
    function selectDepartment()
        {
            var department_id = $('#d_id').val();    
            document.getElementById("marDepartmentId").value = department_id; 
            $.ajax({
                type: "POST",
                data: {"department_id":department_id},
                url: "<%=path%>/departmentMar/getEmployeeByDepartmentId",
                dataType: "json",
                success : function(data)
                 {
                    $('#employee_id').empty();
                    var html = '';
                    $.each( data, function(commentIndex, comment) 
                    {
                        html += '<option value="' + comment['key'] + '">' + comment['value'] + '</option>';  
                    });
                    $('#employee_id').append(html);
                    $('#employee_id').trigger("change");
                }
            });
        }
  • 相关阅读:
    Owin
    C#不区分大小写的字符串替换(Replace)函数
    如何创建测试程序调试nginx数据结构
    一张脑图说清 Nginx 的主流程
    gdb常用命令记录
    nginx的configure流程
    c 编译器大全
    PHP 的 uniqid 函数产生的 id 真的是唯一的么?
    UUID那些事
    PHP 编码规范
  • 原文地址:https://www.cnblogs.com/cczhoufeng/p/3245786.html
Copyright © 2011-2022 走看看