近期项目中,使用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的DataGrid内容放入Dialog中,打印该Dialog
easyui详细笔记02之[如何使用easyui_dialog案例]
easyui 做的 dailog简单技术。
easyui dialog和messager样式更改,默认样式太丑
将Easyui的DataGrid内容放入Dialog中,打印该Dialog
主要为大家详细介绍了Jquery Easyui对话框组件Dialog的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本页面是简化后的easyui页面 十分适合做前台ui界面
easyui中文API
easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作
easyui页面的例子111111111111111111111111111111111111111111111111111111111111111111
jQuery EasyUI 1.25静态页面示例 动态左侧栏 并且有扩展 全静态 ie中可运行 推荐ie7以上版本 基本上没啥问题了就是对ie6兼容性不是很好
jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档...
easyui 中文 API easyui 中文 API easyui 中文 API
jQuery EasyUI API 中文文档 - Dialog对话框使用说明,需要的朋友可以参考下。
easyui中文API 绝对的中文 请先看 readme
基于EasyUI前端框架,写了一个登录页面,用到了EasyUI的icon图标,结合html和css样式,整体效果还行,能达到需要。
该登录页面是基于EasyUI前台框架,提供字段校验,覆盖正常的登录页面的内容项,可以再次基础上进行扩展。
使用easyUI创建一个border layout在你的web页面 使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs ...
jQuery EasyUI中文手册