zoukankan      html  css  js  c++  java
  • 在alert里面加入一个页面,子页面传值父页面

    把easyDialog v2.0这个插件加入到了项目中,在做选择部门功能时运用这个插件,在easyDialog.open里面的content函数中套了一个iframe标签,把部门页面的地址放入到src中

    <iframe id="iframe" src="<%=basePath %>admin/login/deptno" frameborder="no" border="0" height="240"></iframe>,这样当我们点击部门文本框时就换弹出一个包含部门列表的alert页面。

    遇到的问题:1、当子页面向父页面传值时不知道怎么传值?

    解决方法:在子页面定义两个变量,id和name,然后在ztree的插件的初始化方法中对这两个变量进行赋值

    子页面运用了ztree插件,下面这个方法是ztree的初始化放中的一部分。

    callback: {

    onClick: function(event, treeId, treeNode){
    id = treeNode.id;
    name = treeNode.name;

    }
    },

    最后在父页面中通过jquert把子页面上的值取过来,父页面js代码如下:

    $(function(){

    var btnFn = function( e ){
    var cwin=document.getElementById("iframe").contentWindow;
    var id=cwin.id; //取子页面的值
    var name = cwin.name;
    //var deptnoname = document.getElementById("demoBtn1").value(name);
    $("#demoBtn1").val(name);//把取过来的值赋予父页面上的input属性中
    $("#deptnoId").val(id);
    //alert(name);
    return true;
    };
    $('#demoBtn1').click( function(){
    easyDialog.open({
    container : {
    header : '选择部门',
    content : '<iframe id="iframe" src="<%=basePath %>admin/login/deptno" frameborder="no" border="0" height="240"></iframe>',
    yesFn : btnFn,
    noFn : true,

    },
    fixed : false
    });
    });
    });

    当我在点击alert的确认按钮就可以把子页面的部门id和name都取到父页面,然后赋值在input框中。

  • 相关阅读:
    ssm复习资料
    嵌入式开发实践的第二种柱状图代码
    嵌入式开发实践的简单登录代码
    嵌入式开发实践的柱状图代码
    学习ps的坑
    js的执行上下文
    js的渲染
    vue 使用Ueditor富文本的配置
    使用iview Upload进行多文件上传,编辑页初始已上传的图片失败的问题
    beforeEach钩子,next('/login') 跳转问题,无线循环导致Maximum call stack size exceeded问题
  • 原文地址:https://www.cnblogs.com/liaoyanglong/p/6123319.html
Copyright © 2011-2022 走看看