-----------------父页面-------------------
//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中,创建一个弹出窗口...
easyui dialog和messager样式更改,默认样式太丑
在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述: 首先,...
在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,使得开发者能够快速构建用户界面。本文将详细探讨如何利用EasyUI的Dialog组件来展示DataGrid的内容,并实现对其内容的...
模仿easyui dialog的效果</title> [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = ...
在这个登录页面中,我们可以看到EasyUI是如何将简洁的HTML结构与CSS样式和JavaScript逻辑相结合,创建出符合现代网页设计标准的界面。 登录页面通常包含用户名和密码输入框、登录按钮、可能还有记住我选项和忘记...
1. **组件丰富**:EasyUI提供了大量的预定义组件,如表格(datagrid)、对话框(dialog)、下拉选择框(combobox)、树形结构(tree)、表单(form)等,这些组件可以直接用于快速构建功能丰富的网页应用。...
这个名为"EasyUI登录页面.zip"的压缩包文件包含了使用EasyUI框架构建的一个登录页面的相关资源。EasyUI框架主要基于jQuery,它提供了一系列预先设计的CSS样式和JavaScript组件,使得开发者能够快速构建出美观且功能...
EasyUI 提供了丰富的Dialog方法,如 `open`、`close`、`refresh` 等,以及与之对应的事件,如 `onOpen`、`onClose` 等,可以用于实现更复杂的交互逻辑。例如: ```javascript $('#dlg').dialog('open'); // 打开...
使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题: ... 当用户在拖动dialog过程中,使用panel的onMove事件取得dialog所在父页面body的width和height, 通过计算
EasyUI 可以与 jQuery 的 Ajax 方法结合,实现异步通信。 7. **响应式设计**:现代网页需要适应不同设备的屏幕尺寸。EasyUI 提供了响应式布局,使得登录页面在手机、平板电脑和桌面设备上都能良好显示。 8. **错误...
easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作
在这个"easyui 页面的例子"中,我们将深入探讨 EasyUI 的核心概念、主要功能以及如何在实际项目中应用这些组件。 首先,EasyUI 的核心是它的 CSS 样式和 JavaScript 插件,它们为 HTML 元素提供了预定义的样式和...
在JSP页面中,我们使用了Easyui的Layout控件来实现Dialog控件的布局。我们首先定义了一个Layout控件,然后在其中添加了多个区域。每个区域都可以包含不同的控件,例如文本框、下拉框、按钮等。 在Dialog控件中,...
这个"Jquery EasyUI 页面框架Demo"包含了四个示例,将帮助我们更好地理解和运用EasyUI来设计页面布局。 首先,我们要了解EasyUI的核心概念。EasyUI的核心是其组件库,包括窗口(window)、表格(datagrid)、面板...
在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...
然而,在使用easyui的Dialog组件时,可能会遇到一些bug,比如遮罩层无法完全覆盖页面内容,或者对话框不能正确显示。本文详细介绍了在使用easyui开发时遇到Dialog组件相关bug的具体情况,并提供了相应的解决方案。 ...
EASYUI 页面框架是一款基于JavaScript和CSS的前端开发框架,专为快速构建高效、美观的后台管理界面而设计。它采用简洁的API接口,使得开发者能够轻松实现数据绑定、交互控制以及界面布局等功能,大大降低了网页开发...
在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...