`

easyui dialog 父页面与子页面取值

阅读更多

-----------------父页面-------------------

//url:窗口调用地址,title:窗口标题,width:宽度,height:高度,shadow:是否显示背景阴影罩层

function showMessageDialog(url,id, title, width, height, shadow) {

var content = '<iframe src="' + url + '" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>';

var boarddiv = '<div id="'+id+'" title="' + title + '"></div>'//style="overflow:hidden;"可以去掉滚动条

$(document.body).append(boarddiv);

var win = $('#'+id).dialog({

content: content,

width: width,

height: height,

modal: shadow,

title: title,

onClose: function () {

$(this).dialog('destroy');//后面可以关闭后的事件

},

buttons:[{

text:"确定",

handler:function(){

                                      //调用子页面easyui dialog 

window.top.reload_dataList.call();

$("#"+id).dialog("close");

}

},{

text:"取消",

handler:function(){

$("#"+id).dialog("close");

}

}]

});

win.dialog('open');

}

 

 

 

--------------------子页面--------------

 

window.top["reload_dataList"]=function(){

var rows = $('#dataGrid').datagrid('getSelections');

var listname='';

var id='';

for(var i=0; i<rows.length; i++){

id=rows[i].id;

listname=rows[i].listname;

}

      //向父页面传值

$(window.parent.$("#datalistId").val(id));

$(window.parent.$("#datalistName").val(listname));

console.log("id:"+id+"listname:"+listname)

};

分享到:
评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    easyui dialog和messager样式更改

    easyui dialog和messager样式更改,默认样式太丑

    Easyui通过Dialog打印.rar

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述: 首先,...

    Easyui使用Dialog打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容,并实现对其内容的...

    javascript实现的弹出层背景置灰-模拟(easyui dialog)

    模仿easyui dialog的效果&lt;/title&gt; [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = ...

    基于EasyUI的登录页面

    在这个登录页面中,我们可以看到EasyUI是如何将简洁的HTML结构与CSS样式和JavaScript逻辑相结合,创建出符合现代网页设计标准的界面。 登录页面通常包含用户名和密码输入框、登录按钮、可能还有记住我选项和忘记...

    简单的easyui页面

    1. **组件丰富**:EasyUI提供了大量的预定义组件,如表格(datagrid)、对话框(dialog)、下拉选择框(combobox)、树形结构(tree)、表单(form)等,这些组件可以直接用于快速构建功能丰富的网页应用。...

    EasyUI登录页面.zip

    这个名为"EasyUI登录页面.zip"的压缩包文件包含了使用EasyUI框架构建的一个登录页面的相关资源。EasyUI框架主要基于jQuery,它提供了一系列预先设计的CSS样式和JavaScript组件,使得开发者能够快速构建出美观且功能...

    easyui-dialog实例

    EasyUI 提供了丰富的Dialog方法,如 `open`、`close`、`refresh` 等,以及与之对应的事件,如 `onOpen`、`onClose` 等,可以用于实现更复杂的交互逻辑。例如: ```javascript $('#dlg').dialog('open'); // 打开...

    jQuery EasyUI Dialog拖不下来如何解决

    使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题: ... 当用户在拖动dialog过程中,使用panel的onMove事件取得dialog所在父页面body的width和height, 通过计算

    easyui的登录页面

    EasyUI 可以与 jQuery 的 Ajax 方法结合,实现异步通信。 7. **响应式设计**:现代网页需要适应不同设备的屏幕尺寸。EasyUI 提供了响应式布局,使得登录页面在手机、平板电脑和桌面设备上都能良好显示。 8. **错误...

    easyui页面操作

    easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作

    easyui页面的例子

    在这个"easyui 页面的例子"中,我们将深入探讨 EasyUI 的核心概念、主要功能以及如何在实际项目中应用这些组件。 首先,EasyUI 的核心是它的 CSS 样式和 JavaScript 插件,它们为 HTML 元素提供了预定义的样式和...

    Easyui使用Dialog行内按钮布局的实例

    在JSP页面中,我们使用了Easyui的Layout控件来实现Dialog控件的布局。我们首先定义了一个Layout控件,然后在其中添加了多个区域。每个区域都可以包含不同的控件,例如文本框、下拉框、按钮等。 在Dialog控件中,...

    Jquery EasyUI 页面框架Demo

    这个"Jquery EasyUI 页面框架Demo"包含了四个示例,将帮助我们更好地理解和运用EasyUI来设计页面布局。 首先,我们要了解EasyUI的核心概念。EasyUI的核心是其组件库,包括窗口(window)、表格(datagrid)、面板...

    jquery easyui滚动条部分设置介绍

    在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...

    jQuery前端框架easyui使用Dialog时bug处理

    然而,在使用easyui的Dialog组件时,可能会遇到一些bug,比如遮罩层无法完全覆盖页面内容,或者对话框不能正确显示。本文详细介绍了在使用easyui开发时遇到Dialog组件相关bug的具体情况,并提供了相应的解决方案。 ...

    EASYUI 页面框架

    EASYUI 页面框架是一款基于JavaScript和CSS的前端开发框架,专为快速构建高效、美观的后台管理界面而设计。它采用简洁的API接口,使得开发者能够轻松实现数据绑定、交互控制以及界面布局等功能,大大降低了网页开发...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...

Global site tag (gtag.js) - Google Analytics