`

【转载】easyui中对于dialog页面传值的接收

 
阅读更多

近期项目中,使用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弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    综上所述,EasyUI弹出窗口的传值与调用父页面方法涉及到前端页面交互的基本技术,理解并熟练掌握这些技巧对于前端开发者来说至关重要。通过正确使用这些方法,可以有效地实现页面间的数据流动和功能协同,提升用户...

    Easyui通过Dialog打印.rar

    通过上述代码,当调用`printDialog()`函数时,Dialog中的DataGrid内容将被打印出来,而页面的其他部分不会出现在打印预览中。这种方法有效地实现了在EasyUI中通过Dialog打印DataGrid内容的目标。 需要注意的是,...

    Easyui使用Dialog打印

    通过模拟打印的方式,实现了在Dialog中的内容打印功能。这在需要展示大量数据并提供打印选项的应用场景中非常有用。在实际开发中,可以根据项目需求对样式、数据源和打印逻辑进行调整,以满足不同场景的需求。

    easyui dialog和messager样式更改

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

    easyui-dialog实例

    在页面加载完成后,我们需要初始化Dialog,这通常在JavaScript中完成。通过调用 `$.dialog` 方法,并传递配置对象,我们可以设置Dialog的各种参数。例如: ```javascript $('#dlg').dialog({ closed: false, //...

    简单的easyui页面

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

    EasyUI登录页面.zip

    综上所述,这个压缩包文件中的"EasyUI登录页面"是一个展示了EasyUI基本特性和应用场景的实际项目。开发者可以从中学习如何结合HTML、CSS和JavaScript,利用EasyUI框架快速构建一个具有专业外观和功能的登录界面。...

    Jquery Easyui对话框组件Dialog使用详解(14)

    本文通过详细介绍 jQuery EasyUI 的 Dialog 对话框组件的使用方法,包括加载方式、属性、事件以及方法,旨在帮助开发者高效地集成 Dialog 组件至他们的项目中。通过学习和掌握这些知识点,开发者可以更好地利用 ...

    jQuery EasyUI 1.25静态后台 页面示例

    在这个"jQuery EasyUI 1.25静态后台 页面示例"中,我们可以关注以下几个关键知识点: 1. **静态页面**:这里的“静态”指的是网页的内容在服务器端不进行动态生成,而是直接返回预设好的HTML文件。这种结构对于开发...

    基于EasyUI的登录页面

    在"基于EasyUI的登录页面"中,这些元素都已经被实现,并且采用了EasyUI的样式,保证了界面的一致性和美观性。此外,EasyUI还提供了字段校验功能,例如,确保用户名和密码不能为空,密码长度满足安全要求等,这些都是...

    easyui页面的例子

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

    easyui中文API 绝对的中文

    EasyUI 包括了对话框(dialog)、表格(datagrid)、下拉选择框(combobox)、菜单(menu)、树形控件(tree)、面板(panel)等多种常见的网页元素。这些组件都具有高度定制性,能够满足各种复杂的网页设计需求。...

    EasyUI 中文API下载无需安装

    EasyUI是一款基于jQuery的前端开发框架,主要用于构建用户界面,尤其在数据管理、表单处理以及页面布局方面表现优秀。其设计目标是简化Web应用程序的开发,让开发者能快速创建美观且功能丰富的交互式界面。这个...

    easyui中文API

    easyui中文API

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

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

    easyui页面操作

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

    easyui的登录页面

    在本资源中,我们关注的是一个使用 EasyUI 实现的登录页面示例。这个登录页面是许多 web 应用程序的基础部分,它允许用户输入凭据并访问受保护的内容。 首先,EasyUI 登录页面通常包含以下几个核心元素: 1. **...

    EASYUI 页面框架

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

    Jquery EasyUI 页面框架Demo

    Demo中可能会展示如何使用`<div>`标签加上`easyui-dialog`或`easyui-window`类来创建可拖动、可缩放的窗口。 学习这个Demo,我们可以深入理解EasyUI的工作原理,掌握如何使用其组件来构建Web页面。同时,EasyUI还...

Global site tag (gtag.js) - Google Analytics