窗口的各种传值在线演示示例(示例都使用的page参数，内容页中的代码最好打开相应的内容页查看)

最新推荐文章于 2020-12-21 09:28:47 发布
最新推荐文章于 2020-12-21 09:28:47 发布
阅读量1.9k 收藏
点赞数
文章标签： function c

基本的传值示例

  1. 将调用页面的值传到窗口中

    // 这是运行1按钮使用的方法
J('#btn1').dialog({ id:'test1', page:'content.html' });

// content.html里的代码为：(这里注意content.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
J(function(){
    J('#val').html( J('#txt1',DG.curDoc).val() ); 
});

// 这是运行2按钮使用的方法
function opdg1()
{
    var DG = new J('#btn2').dialog({
        id:'test2',
        page:'content1.html',
        dgOnLoad: function(){
            J('#val',DG.dgDoc).html( J('#txt1').val() );
        }
    });
    DG.ShowDialog();
}
//使用第2种方法content1.html里不用写任何代码

        

  2. 将窗口中的值传回到调用页面中

    J('#btn3').dialog({ id:'test3', page:'content2.html' });

// content2.html里的代码为：(这里注意content2.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
DG.addBtn( 'ok', '确定', ok );
function ok()
{
    J('#txt2',DG.curDoc).val( J('#val').html() );
    DG.cancel();
}

      

特殊的传值示例

  1. 在调用页面调用窗口B中的值或函数

    var DG = J('#btn4').dialog({ id:'test4', page:'content3.html', title:'B窗口' });

// 调用B窗口中文本框的值的按钮的代码
J('#btn5').bind( 'click', function(){
    if( DG.dg )
        alert( J('#inp',DG.dgDoc).val() );
    else
        alert( '请先打开B窗口' );
});

// 调用B窗口的函数的按钮的代码
J('#btn6').bind( 'click', function(){
    if( DG.dg )
        DG.dgWin.BB();
    else
        alert( '请先打开B窗口' );
});

        

  2. 在B窗口中调用调用页面的值或函数

    J('#btn7').dialog({ id:'test7', page:'content4.html', title:'B窗口' });

// 内容页content4.html的代码为：(这里注意content4.html也加载了lhgcore.min.js文件)
var DG = frameElement.lhgDG;
J(function(){
    J('#btn1').bind( 'click', function(){
        alert( J('#txt3',DG.curDoc).val() );
    });
	
    J('#btn2').bind( 'click', function(){
        DG.curWin.AA();
    });
});

      

  3. 在调用页面调用C窗口(也就是B窗口的子窗口)的值或函数

    var DG1 = J('#btn8').dialog({ id:'test8', page:'content5.html', title:'B窗口' });

// 调用C窗口中文本框的值的按钮的代码
J('#btn9').bind( 'click', function(){
    if( DG1.dg && DG1.dgWin.testDG )
        alert( J('#inp',DG1.dgWin.testDG.dgDoc).val() );
    else
        alert( '请先打开C窗口' );
});

// 调用C窗口的函数的按钮的代码
J('#btn10').bind( 'click', function(){
    if( DG1.dg && DG1.dgWin.testDG )
        DG1.dgWin.testDG.dgWin.CC();
    else
        alert( '请先打开C窗口' );
});

// 内容页content5.html中的代码：
var DG = frameElement.lhgDG, testDG;

function opchild()
{
    testDG = new DG.curWin.J.dialog({
        id: 'child1',
        page: 'content6.html'
    });
    testDG.ShowDialog();
}

        

  4. 在C窗口中调用调用页面中的值或函数

    J('#btn11').dialog({ id:'test11', page:'content7.html', title:'B窗口' });

// 内容页content7.html中的代码：
var DG = frameElement.lhgDG, testDG;

function opchild()
{
    testDG = new DG.curWin.J.dialog({
        id: 'child1',
        page: 'content8.html'
    });
    testDG.ShowDialog();
}

// 内容页content8.html中的代码：
var DG = frameElement.lhgDG;

J(function(){
    J('#btn1').bind( 'click', function(){
        alert( J('#txt4',DG.curDoc).val() );
    });
	
    J('#btn2').bind( 'click', function(){
        DG.curWin.AA();
    });
});

      

  5. 在2个窗口中相互调用函数和传值(3.4.1版本新增)

    // A窗口的代码
J('#btn12').dialog({ id:'test12', page:'content9.html', title:'A窗口' });

// A窗口中内容页content9.html中的代码
var DG = frameElement.lhgDG;
J(function(){
    J('#btn1').bind( 'click', function(){
        // test13是B窗口的id
		if( DG.iDG('test13') )
            alert( DG.iDoc('test13').getElementById('inpB').value );
            // 也可以使用jQ方式来写
            // alert( J('#inpB',DG.iDoc('test13')).val() );
        else
            alert( '请先打开B窗口' );
    });
    J('#btn2').bind( 'click', function(){
        if( DG.iDG('test13') )
            DG.iWin('test13').fnB();
        else
            alert( '请先打开B窗口' );
    });
    J('#btn3').bind( 'click', function(){
        if( DG.iDG('test13') )
            DG.iWin('test13').DG.cancel();
        else
            alert( '请先打开B窗口' );
    });
});
function fnA()
{
    alert( '我是A窗口的函数' );
}

// B窗口的代码
J('#btn13').dialog({ id:'test13', page:'content10.html', title:'B窗口' });

// B窗口中内容页content10.html中的代码
var DG = frameElement.lhgDG;
J(function(){
    J('#btn1').bind( 'click', function(){
        // test12是A窗口的id        
		if( DG.iDG('test12') )
            alert( DG.iDoc('test12').getElementById('inpA').value );
            // 也可以使用jQ方式来写
            // alert( J('#inpA',DG.iDoc('test12')).val() );
        else
            alert( '请先打开A窗口' );
    });
    J('#btn2').bind( 'click', function(){
        if( DG.iDG('test12') )
            DG.iWin('test12').fnA();
        else
            alert( '请先打开A窗口' );
    });
    J('#btn3').bind( 'click', function(){
        if( DG.iDG('test12') )
            DG.iWin('test12').DG.cancel();
        else
            alert( '请先打开A窗口' );
    });
});
function fnB()
{
    alert( '我是B窗口的函数' );
}

      

  6. 在父窗口和子窗口之间相互调用函数和传值(3.4.1版本新增)

    // 父窗口的代码
J('#btn14').dialog({ id:'test14', page:'content11.html', title:'父窗口', cover:true });

// 父窗口中内容页content11.html中的代码
var DG = frameElement.lhgDG;
J(function(){
    J('#btn1').bind( 'click', function(){
        // child是子窗口的id 
        if( DG.iDG('child') )
            alert( DG.iDoc('child').getElementById('inpB').value );
            // 也可以使用jQ方式来写
            // alert( J('#inpB',DG.iDoc('child')).val() );
        else
            alert( '请先打开子窗口' );
    });
	
    J('#btn2').bind( 'click', function(){
        if( DG.iDG('child') )
            DG.iWin('child').fnB();
        else
            alert( '请先打开子窗口' );
    });
});
function fnA()
{
    alert( '我是父窗口的函数' );
}
// 打开子窗口的代码
function opchild()
{
    var childDG = new DG.curWin.J.dialog({ id:'child', title:'子窗口', page:'content12.html', parent:DG });
    childDG.ShowDialog();
}

// 子窗口中内容页content12.html中的代码
var DG = frameElement.lhgDG;
J(function(){
    J('#btn1').bind( 'click', function(){
        // test14是父窗口的id 
        if( DG.iDG('test14') )
            alert( DG.iDoc('test14').getElementById('inpA').value );
            // 也可以使用jQ方式来写
            // alert( J('#inpA',DG.iDoc('test14')).val() );
        else
            alert( '请先打开父窗口' );
	});
	
    J('#btn2').bind( 'click', function(){
        if( DG.iDG('test14') )
            DG.iWin('test14').fnA();
        else
            alert( '请先打开父窗口' );
    });
});
function fnB()
{
    alert( '我是子窗口的函数' );
}

feng2375
关注
Qt开发经验总结
草上爬的博客
12-02 8464
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
js同级弹窗实现数据传输修改
最新发布
apanpan8126的博客
09-22 270
在这个示例中，父级页面和子页面都通过监听 message 事件来接收消息，并使用 event.data 来访问消息内容。在子页面中，你可以在不使用 window.addEventListener 的情况下向父页面发送消息，而是使用直接的 JavaScript 语句。在这个示例中，子页面中的 JavaScript 代码直接在加载页面时就向父页面发送消息，而不需要在 window.addEventListener 中编写代码。通常为目标窗口的域名，也可以是通配符，如 *，表示可以接收来自任何源的消息。
XPage一个非常方便的 fragment 页面框架
04-06
作者xuexiangjys，代表XPage。 介绍：一个非常方便的 fragment 页面框架。 特征 支持 assets 下“corepage.json”静态配置 Fragment 页面信息。 支持 Application 中动态配置 Fragment 页面信息。 支持通过注解@Page 的方式动态自动配置页面信息。 支持自定义 Fragment 页面信息配置。 支持 4 种默认 Fragment 页面切换动画。 支持 Fragment 页面间参数传递。 支持 Fragment 页面属性保存。 支持 Fragment 页面的 onKeyDown、onFragmentResult 等生命周期 支持 Fragment 和 Fragment 页面自由跳转以及数据交互。 支持导航栏通过注解的方式自动添加及设置。 支持进行内存泄露监测。 支持自定义 TitleBar 全局主题属性。 支持自定义 Fragment 页面容器。 支持 Fragment 之间、activity 和 fragment 之间的数据交互。
史上最方便的Android页面框架XPage使用指南
xuexiangjys的博客
10-14 4139
简介 XPage是一个非常方便的fragment页面框架！天下武功，唯快不破，XPage最大的特点就是快，提高开发的效率！ XPage设计的初衷是希望能做一个通用的Activity作为壳，Fragment作为页面填充展示，并且能够像Activity那样自由的切换和数据交互。 视频讲解 XPage页面框架入门介绍 视频原链接 : https://www.bilibili.com/vid
lhgdialog
weixin_30377461的博客
08-04 160
【文件&目录】[lhgdialog] 文件夹 实际项目中要使用的组件文件和组件源文件index.html 组件说明示例主页面[_doc] api文档和其它一些文档文件夹，实际使用中不需要此文件夹[_demo] 组件演示示例文件夹，实际使用中不需要此文件夹 【项目发布】下载地址：http://code.google.com/p/lhgdialog/downloads/list官方论坛：ht...
lhgdialog 窗体之间的传值
weixin_30512785的博客
11-07 84
J('#buyer',DG.dgDoc).val()=J("#buyer"+ tempid).val(); //J(对话框的dom,DG.dgDoc,).html(本页的dom); 　　J('#buyer').val(J('#buyer' + getCookie('editone'),DG.curDoc).val()); 取下拉框的值 J("#mname").at...
lhgdialog学习
xwood
07-08 296
原文地址： [url]http://lhgcore.com/api/basic.html[/url] [url]http://lhgcore.com/api/api.html[/url] [b][size=large][color=cyan]一、lhgdialog基本使用方法[/color][/size][/b] 1.下载最新版本lhgdialog：[url]http://lhgco...
静态页跳转传值、静态页跳转传值
02-26
在网页开发中，静态页跳转传值是一个...在提供的压缩包`TestJS_静态页跳转传值`中，可能包含了示例代码或教程，用于演示上述技术的使用。解压并研究这些文件，将有助于你更好地理解和应用静态页跳转传值的各种方法。
js layui 弹出子窗体_Layer组件多个iframe弹出层打开与关闭及参数传递的方法
weixin_39625258的博客
12-21 865
一、Layer简介Layer是一款近年来备受青睐的web弹层组件，基于jquery，易用、实用，兼容包括IE6在内的所有主流浏览器，拥有丰富强大的可自定义的功能。二、多个iframe弹出层(非嵌套)1.打开iframe弹出层js代码(1)示例一：layer.open({type: 2,title: 'layer mobile页',shadeClose: true,shade: 0.8,area: ...
小程序日记：基础篇
qq_44719515的博客
06-21 3671
文章目录一、全局配置配置项1、pages2、window3、tabBar3.1：list的属性二、页面配置 page.json配置项配置示例三、sitemap 配置配置项rules配置示例WXML语法四、数据绑定1、简单绑定1.1、内容1.2、组件属性(需要在双引号之内)1.3、控制属性(需要在双引号之内)1.4、关键字(需要在双引号之内)2、运算2.1、三元运算2.2、算数运算2.3、逻辑判断2.4、字符串运算2.5、数据路径运算3、组合3.1、数组3.2、对象五、列表渲染1、wx:for2、block
lhgdialog的传值问题
weixin_30568715的博客
12-05 133
一前言 今天就离职了，顺便把还没有记载下来得Js有关知识给记载下来，其实这个是lhgdialog.js中的传值问题。就是弹出框选择数据后加载到父页面上，自己用html做了测试。 二：内容 　　html代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3....
lhgdialog窗口传值
siqilou的专栏
10-28 4622
1、业务场景      在A页面弹出窗口B，然后在窗口B中弹出窗口C，窗口C中选择数据，传回到窗口B中以列表展示 2、使用组件      lhgdialog：官网 http://www.lhgdialog.com      easyUI：中文API http://www.zi-han.net/case/easyui/ 3、实现 （1）A页面弹出窗口B //弹出B窗口 functi
lhgdialog窗口里再弹窗口
amzkqi的专栏
01-16 1762
//弹出第一个窗口 function terminal(parameter,name,a,b){ //"./page/realTime/common/"+ var PageHref = parameter;   //Link address showWindows('backTime',name,a,b,PageHref); } //弹出第二个窗口 var dg
xpage 传参_XPage 全接触
weixin_39827625的博客
12-19 313
XPage 全接触刘 奇2009 年 8 月 06 日发布XPage 全接触XPages 是 IBM Lotus Notes/Domino 8.5 为 Lotus Domino Web 2.0 应用程序开发人员提供的新技术。与以往发行版相比，它们提供了更大的灵活性，并且更好地控制交付给 Web 浏览器客户机屏幕的内容。本文将带大家全面了解 XPage 的各项功能，图 1 显示了 Lotus Dom...
怎样关闭frame窗口
zxs123csdn的博客
09-11 4549
关闭frame窗口代码如下 frame.addWindowListener(new WindowAdapter() { @Override public void windowClosing(WindowEvent e) { System.exit(0); } });
lhgdialog弹出框组件 参数详解(自己曾经开发的fuzz项目中用到过)
hello world！
04-08 1188
lhgdialog弹出框组件 参数详解鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623同文：http://wjch-111.iteye.com/blog/1612298lhgdialog基本使用方法 ：1.下载最新版本lhgdialog：http://lhgcore.com/lhgdialog.rar 2.在需要调用lhgdial...
C# Page页面继承功能实现与示例
本实例将探讨如何使用C# Page实现页面继承功能，并提供了一个名为IBasePage的接口作为基类的示例。 首先，我们来看`IBasePage`接口。这个接口定义了一系列常用的方法和属性，旨在为所有继承它的页面提供便利： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值