页面嵌套

----------------------------------页面嵌套------------------------------------

网名在有时候做项目的过程中会遇到很多样式,也有很多系统在操作的时候的;会遇到一些大的模块操作,就像这样的

里面有几个大模块,然后就是里面包括一些这个大模块里的小模块了;

在本人已知知识里;这类的模板样式;可以有两种;

一种是直接点击模块,获取到对应页面,再在浏览器里打开该页面;

像这样,在保留原有页面的同时,也就是保留原来的系统页面,再打开新点击的一个页面;

还有一种就是页面嵌套的方法了;

页面嵌套顾名思义就是在一个页面里再嵌套一个页面,实现一个页面,操作两个页面的东西的效果;

这里被红色框起来的部分就是一个新页面,也是一个小模块;外面也是一个页面的框架样式;当然红框内的页面是可以切换的;页面嵌套的好处就是一个页面可以操作多个页面;不过缺点也有一点,比如页面小一点啥的,但是不影响;

下面我们看一下页面嵌套的实现:

首先引入插件;然后在页面合适位置写上代码

下面就需要给模块按钮加上ID和点击事件了;

最后写上代码;然后获取到ID SimulationExercise (这里的这个ID是模块按钮ID;其他模块用其他ID),然后就是click点击事件了;下面在获取到上面页面嵌套的那个ID;content(这里这个ID为是设置嵌套页面的ID;必须和上面一样;)最后通过src获取到页面区域-控制器-视图路径;

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值