• easyDialog弹窗+zTree部门选择


    写一个父页面方法,将name和id赋值

    function show(name,id) {
    $("#deptnoID").val(name);
    $("#deptnoId").val(id);
    }
    $(function() {

    回调函数,对应easyDialog.open方法中的yesFn : btnFn,先用.contentWindow获取iframe的window对象,取出id和name。返回值true表示不关闭弹窗

    var btnFn = function(){
    var iframe=document.getElementById("iframe").contentWindow;
    var id=iframe.id; 
    var name = iframe.name;
    return true;
    };


    获取文本框,触发单击事件,在content用iframe标签嵌入zTree树杈菜单,并加入样式frameborder="0":无边框, height="380":高度, scrolling="no":无滚动条

    $("#deptnoID").click(function() {
    easyDialog.open({
    container : {
    header : "选择部门",
    content : '<iframe id="iframe" src="<%=basePath %>admin/deptno/dept" frameborder="0" height="380" scrolling="no" ></iframe>',
    yesFn : btnFn,
    noFn : true
    }
    });
    });
    });

    zTree中子页面的回调函数,将父页面show方法赋值的name和id传进来

    callback: {
    onClick: function(event, treeId, treeNode){
    parent.show(treeNode.name,treeNode.id);
    }
    }
  • 相关阅读:
    Vue 服务器端渲染(一)
    vue笔记 介绍及安装 一
    Node.js 学习笔记 (一) 安装配置
    Java开发中的23种设计模式详解(转)
    spring-boot整合ehcache实现缓存机制
    STM32流水灯
    SD卡封转及管脚说明
    随笔分类
    函数的设计之我见
    让灵魂追得上我们疲惫的身体
  • 原文地址:https://www.cnblogs.com/jietz0407-com/p/6127123.html
Copyright © 2020-2023  润新知