近期项目中,使用easyui制作了两个页面,其中A页面会弹出B页面,但是A页面会传递参数至B页面,在接收传递参数时,出现了一个小的波折
经过看API发现
dialog的功能是将B页面嵌入至A页面,这样,A页面作为B页面的父容器,所有的元素均可以被B页面访问
所以,之前的通过js获取页面参数方法就不适用了,因为B页面在js端获取的href实际上为A页面的href
那么问题来了:我怎么获取B页面的链接参数呢?
其实很简单,只要找到B页面的存放容器即可:
代码如下:
页面A代码:
1 //详情查看 2 function goToDetail(val) { 3 //var url = '../Stock/CheckInventory/RandomCheckInventoryDetail.html?checksysno=' + val; 4 var url = 'RandomCheckInventoryDetail.html'; 5 var title = '随机盘查明细【' + val + '】'; 6 7 //setPopFrameUrl(url, 1000, 550, title); 8 $('#dd').dialog({ 9 title: title, 10 width: 1000, 11 height: 550, 12 closed: false, 13 cache: true, 14 collapsible:true, 15 href: url, 16 queryParams: { checksysno: val }, 17 modal: true 18 }); 19 }
页面B获取参数方法:
1 //获取页面url参数 2 function getQueryParam(name) { 3 var obj = $('#dd').dialog('options'); 4 var queryParams = obj["queryParams"]; 5 6 return queryParams[name]; 7 }
其实,主要的就是A页面方法中的queryParams属性设置
是不是很简单?
相关推荐
综上所述,EasyUI弹出窗口的传值与调用父页面方法涉及到前端页面交互的基本技术,理解并熟练掌握这些技巧对于前端开发者来说至关重要。通过正确使用这些方法,可以有效地实现页面间的数据流动和功能协同,提升用户...
通过上述代码,当调用`printDialog()`函数时,Dialog中的DataGrid内容将被打印出来,而页面的其他部分不会出现在打印预览中。这种方法有效地实现了在EasyUI中通过Dialog打印DataGrid内容的目标。 需要注意的是,...
通过模拟打印的方式,实现了在Dialog中的内容打印功能。这在需要展示大量数据并提供打印选项的应用场景中非常有用。在实际开发中,可以根据项目需求对样式、数据源和打印逻辑进行调整,以满足不同场景的需求。
easyui dialog和messager样式更改,默认样式太丑
在页面加载完成后,我们需要初始化Dialog,这通常在JavaScript中完成。通过调用 `$.dialog` 方法,并传递配置对象,我们可以设置Dialog的各种参数。例如: ```javascript $('#dlg').dialog({ closed: false, //...
1. **组件丰富**:EasyUI提供了大量的预定义组件,如表格(datagrid)、对话框(dialog)、下拉选择框(combobox)、树形结构(tree)、表单(form)等,这些组件可以直接用于快速构建功能丰富的网页应用。...
综上所述,这个压缩包文件中的"EasyUI登录页面"是一个展示了EasyUI基本特性和应用场景的实际项目。开发者可以从中学习如何结合HTML、CSS和JavaScript,利用EasyUI框架快速构建一个具有专业外观和功能的登录界面。...
本文通过详细介绍 jQuery EasyUI 的 Dialog 对话框组件的使用方法,包括加载方式、属性、事件以及方法,旨在帮助开发者高效地集成 Dialog 组件至他们的项目中。通过学习和掌握这些知识点,开发者可以更好地利用 ...
在这个"jQuery EasyUI 1.25静态后台 页面示例"中,我们可以关注以下几个关键知识点: 1. **静态页面**:这里的“静态”指的是网页的内容在服务器端不进行动态生成,而是直接返回预设好的HTML文件。这种结构对于开发...
在"基于EasyUI的登录页面"中,这些元素都已经被实现,并且采用了EasyUI的样式,保证了界面的一致性和美观性。此外,EasyUI还提供了字段校验功能,例如,确保用户名和密码不能为空,密码长度满足安全要求等,这些都是...
在这个"easyui 页面的例子"中,我们将深入探讨 EasyUI 的核心概念、主要功能以及如何在实际项目中应用这些组件。 首先,EasyUI 的核心是它的 CSS 样式和 JavaScript 插件,它们为 HTML 元素提供了预定义的样式和...
EasyUI 包括了对话框(dialog)、表格(datagrid)、下拉选择框(combobox)、菜单(menu)、树形控件(tree)、面板(panel)等多种常见的网页元素。这些组件都具有高度定制性,能够满足各种复杂的网页设计需求。...
EasyUI是一款基于jQuery的前端开发框架,主要用于构建用户界面,尤其在数据管理、表单处理以及页面布局方面表现优秀。其设计目标是简化Web应用程序的开发,让开发者能快速创建美观且功能丰富的交互式界面。这个...
easyui中文API
模仿easyui dialog的效果</title> [removed] //取得页面元素 var getElement = function() { return document.getElementById(arguments[0]) || false; } function openDialog(dialogId) { var maskId = ...
easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作
在本资源中,我们关注的是一个使用 EasyUI 实现的登录页面示例。这个登录页面是许多 web 应用程序的基础部分,它允许用户输入凭据并访问受保护的内容。 首先,EasyUI 登录页面通常包含以下几个核心元素: 1. **...
EASYUI 页面框架是一款基于JavaScript和CSS的前端开发框架,专为快速构建高效、美观的后台管理界面而设计。它采用简洁的API接口,使得开发者能够轻松实现数据绑定、交互控制以及界面布局等功能,大大降低了网页开发...
Demo中可能会展示如何使用`<div>`标签加上`easyui-dialog`或`easyui-window`类来创建可拖动、可缩放的窗口。 学习这个Demo,我们可以深入理解EasyUI的工作原理,掌握如何使用其组件来构建Web页面。同时,EasyUI还...