Easyui Window传值。。。

l563708247 2017-12-07 09:41:39


如图,部门信息和机构列表两个window窗口,window窗口的函数是封装在框架的主页面的,这俩页面都是调用同一个window窗口的方法,两页面间不存在什么关系,我需要从机构列表取的值传到部门信息页面去,不知道如何传。
我的想法是在机构列表页面去调用部门信息页面的js方法,不知道怎么调用。页面是嵌套在iframe里的。
document.getElementById('windowIframe').contentWindow.ceshi() 这种方式不行。。
...全文
150 3 点赞 打赏 收藏 举报
写回复
3 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
Hello World, 2017-12-07
父子页面传递控件、回调、值 参考: parentDialog.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../JS/jquery-easyui-1.4/themes/gray/easyui.css" rel="stylesheet" />
</head>
<body>
    <iframe src="callParentDialog.html" style="width: 300px; height: 200px; border: 1px green solid;"></iframe>
    <div style="display: none;">
        <div id="dialog">
            <input id="test" type="text" value="这里的值将传回去" />
            <div id="ddd"><!--这里将接收子页面过来的控件--></div>
        </div>
    </div>
</body>
</html>
<script src="../JS/jquery-easyui-1.4/jquery.min.js"></script>
<script src="../JS/jquery-easyui-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript">
    function openDialog(callback, setText, container) {
        $('#ddd').append(setText);//将子页面的控件附加到对话框里面
        $('#dialog').dialog({
            title: '弹窗示例,关闭后回写数据',
            onClose: function () {
                //这里回传一个对象回去,也可以传单个的值啥的
                callback({ returnValue: document.getElementById('test').value });
                //setText.value = "从父页面回写子页面对象";
                $(container).append(setText);
            },
            modal:true
        });
    }
</script>
callParentDialog.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="打开窗体" onclick="openDig();" /><br />
    接收后回写值:<input id="ret" type="text" /><br />
    父页面写入值:<span id="sss"><input id="getText" type="text" value="这个是子页面的控件" /></span>
</body>
</html>
<script type="text/javascript">
    function openDig() {
        parent.openDialog(function (v) {
            document.getElementById('ret').value = v.returnValue;
        }, document.getElementById('getText')
        , document.getElementById('sss'));
    }
</script>
  • 打赏
  • 举报
回复
l563708247 2017-12-07
引用 1 楼 apollokk 的回复:
父子页面传递控件、回调、值 参考: parentDialog.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../JS/jquery-easyui-1.4/themes/gray/easyui.css" rel="stylesheet" />
</head>
<body>
    <iframe src="callParentDialog.html" style="width: 300px; height: 200px; border: 1px green solid;"></iframe>
    <div style="display: none;">
        <div id="dialog">
            <input id="test" type="text" value="这里的值将传回去" />
            <div id="ddd"><!--这里将接收子页面过来的控件--></div>
        </div>
    </div>
</body>
</html>
<script src="../JS/jquery-easyui-1.4/jquery.min.js"></script>
<script src="../JS/jquery-easyui-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript">
    function openDialog(callback, setText, container) {
        $('#ddd').append(setText);//将子页面的控件附加到对话框里面
        $('#dialog').dialog({
            title: '弹窗示例,关闭后回写数据',
            onClose: function () {
                //这里回传一个对象回去,也可以传单个的值啥的
                callback({ returnValue: document.getElementById('test').value });
                //setText.value = "从父页面回写子页面对象";
                $(container).append(setText);
            },
            modal:true
        });
    }
</script>
callParentDialog.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <input type="button" value="打开窗体" onclick="openDig();" /><br />
    接收后回写值:<input id="ret" type="text" /><br />
    父页面写入值:<span id="sss"><input id="getText" type="text" value="这个是子页面的控件" /></span>
</body>
</html>
<script type="text/javascript">
    function openDig() {
        parent.openDialog(function (v) {
            document.getElementById('ret').value = v.returnValue;
        }, document.getElementById('getText')
        , document.getElementById('sss'));
    }
</script>
没有,我那不是子父页面关系,你没理解我的问题
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2017-12-07 09:41
社区公告
暂无公告