miniui中如何在子页面中操作父页面中
来源:互联网 发布:淘宝旗舰店是官方 编辑:程序博客网 时间:2024/06/16 06:17
miniui中如何在子页面中操作父页面中的tabs
解决如何在子页面中手动添加一个选项卡到tabs
控件上。
说明
默认的情况下,只有顶部的菜单才会在新页面打开时建立选项卡,但是view/home/index.html
中提供了一个方法,可以帮助我们来解决自主添加选项卡的问题。
主页面下的代码如下所示:
function opentab(menuId, menuName, action, menucode) { //载入指定的页面到iframe var id = "tab$" + menuId; var tab = tabs.getTab(id); if (!tab) { tab = {}; tab._nodeid = menuId; tab.name = id; ids = id; tab.title = menuName; tab.showCloseButton = true; tab.refreshOnClick = true;//点击tab页时可以刷新 tab.url = "../" + action + "?menuId=" + menuId + "&menucode=" + menucode;//传参到跳转页面 tabs.addTab(tab); } tabs.activeTab(tab); }
方法的改动
因为我们的新的页面都是经过菜单的点击,然后在主框架的iframe
中进行显示,这里就设计到了DOM
的父页面与子页面的数据交互的问题。
子页面访问父页面时,在js中的变量前加上window.parent.
就能够在iframe
中访问父页面的元素了。
那上面的opentab
方法可以修改为:
//menuId 菜单的ID//menuName 在miniui的tabs上显示的名称//action 跳转到那个页面//urlParam 配合action,共同组成新页面的url(带参数的url)function opentabInParent(menuId, menuName, action, urlParam) { //载入指定的页面到iframe var id = "tab$" + menuId; var tab = window.parent.tabs.getTab(id); if (!tab) { tab = {}; tab._nodeid = menuId; tab.name = id; window.parent.ids = id; tab.title = menuName; tab.showCloseButton = true; tab.refreshOnClick = true;//点击tab页时可以刷新 tab.url = "../" + action +urlParam;//传参到跳转页面 window.parent.tabs.addTab(tab); } window.parent.tabs.activeTab(tab); }
如何使用
使用起来就很简单了,将上面改写后的方法添加到需要操作tabs
的子页面中的<script>
中去。
在需要触发的地方调用该函数就可以了。
var username = "jsper"; opentabInParent(10000, "用户管理", "user/user_manage.html", "?username=" +jsper); //这里的1000可以按照自己的排序规则进行设置
新页面参数的获取
这里新页面的参数的获取方式是:通过js来获取URL中的参数
- 添加一个javascript方法
//该方法用正则来提取url中的参数function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null;}
- 调用方式
alert(getQueryString("username"));
阅读全文
0 0
- miniui中如何在子页面中操作父页面中
- 在子页面中如何刷新父页面
- 父页面调用子页面(在iframe中)中的函数
- 如何在WordPress的子页面中显示父页面标题
- 使用iframe之后子页面中如何在父级弹窗
- 当前页面弹出子页面,在子页面关闭时将子页面的值带到父页面中
- 子页面中刷新父页面列表
- 如何在静态页面中实现打印操作
- 如何在WordPress中自定义PHP页面并操作数据库?
- 框架页面中,从子页面刷新父页面问题解决
- 框架页面中,从子页面刷新父页面问题解决
- session过期,解决登录页面在子页面中打开
- js中实现子页面向父页面中赋值
- 在父页面中局部刷新子iframe
- miniui 子页面接收父页面的值
- 在SharePoint页面中操作同页面的WebPart
- 如何在.js文件中通过参数和变量操作父页面中的对象
- 关于在使用iframe之后子页面中如何在父级弹窗的问题的具体实现
- Python基础-函数及函数参数神奇的使用
- 【C#】C#接口深入理解
- maven 指定jdk版本
- python操作wps/操作word/操作excle/操作ppt:文档专用模块或者二次开发
- 【STM32F103攻城笔记】STM32之MDK(Keil)环境搭建(二)
- miniui中如何在子页面中操作父页面中
- spring data jpa
- Android 添加新的Activity
- mysql 逗号分隔的id转为逗号分隔的名称
- Find the Duplicate Number
- iOS AppStore 审核驳回 关于 UIBackgroundModes 定位问题
- Latex Table 合并行/列详解
- spring data JPA 中带查询条件的分页in的用法
- 风口浪尖上的人工智能,为安防带了怎样的变化