Fiori2.0学习笔记-路由导航
来源:互联网 发布:制造头像软件下载 编辑:程序博客网 时间:2024/06/05 02:47
路由很重要,因为他决定了每个页面的跳转方式以及传参。
路由的设置
定义路由的类
“routeClass”:”sap.m.routing.Router”
初始化和路由注册
UIComponent.prototype.init.apply(this,arguments)
This.getRouter().initicalize()
初始化和路由注册
{
“pattern”:”detail/{para}”,
“name”:”app”,
“viewName”:”app”,//加载哪一个页面
“targetAggregation”:”pages”//跳转方式
}
导航
在controller中实例化路由
Var oRouter = sap.ui.core.UIComponent.getRouterFor(this)
导航切换页面
oRouter.navTo(“app”,{para:someData})
路由监听(实现跳转之后我们到下一个页面可以监听上一个页面传来的一些参数)
在Controller中监听路由跳转
This.getRouter().getRoute(“product”).attachMatched(function(oEvent){},this);
读取路由参数
Var oParameters = oEvent.getParameters();
oParameters.paraName
routing下一般有三个节点config routes targets(viewLevel:跳转的层级)
配置
路由配置的过程,通常在manifest中部署,当然也可以在component里部署
"routing": {//一般有config routes targets三个节点 "config": { "rounterClass": "sap.m.routing.Router",//路由初始化的类 "viewType": "XML",//类型 "viewPath": "EXE.view",//页面要在哪个文件夹去执行,项目名.view "controlID": "myApp",//容器ID "controlAggregation": "pages",//分页 "transition": "slide"//特效,类苹果的推进推出效果 }, "routes": [{ "pattern": "",//url后面的action "name": "firstView",//路由跳转时需要指定的名字view "target": "first" }, { "pattern": "second", "name": "secondView", "target": "second" }], "targets": { "first": { "viewName": "first",//要和view名匹配上 "viewLevel": 1 }, "second": { "viewName": "second", "viewLevel": 2 } } }
配置好要进行初始化路由,在compon.js里写下如下四行代码即可
jQuery.sap.require("sap.m.routing.RouteMatchedHandler"); var router = this.getRouter(); this.routeHandler = new sap.m.routing.RouteMatchedHandler(router); router.initialize();
- Fiori2.0学习笔记-路由导航
- Fiori2.0学习笔记-GATEWAY
- Fiori2.0学习笔记-controller
- Fiori2.0学习笔记-modules
- Fiori2.0学习笔记-splitApp
- Fiori2.0学习笔记-Fragment
- Fiori2.0学习笔记-JSONModel
- Fiori2.0学习笔记-Manifest
- Fiori2.0学习笔记-Pages&panels
- Fiori2.0学习笔记-事件的处理
- Fiori2.0学习笔记-dialog应用
- Fiori2.0学习笔记-OData(new)
- Fiori2.0学习笔记-数据绑定
- Fiori2.0学习笔记-OData的应用
- Fiori2.0学习笔记-Ajax数据请求
- Fiori2.0学习笔记-问题汇总
- Fiori2.0学习笔记-BUG汇总
- Fiori2.0学习笔记-核心技术框架&基本项目结构
- android 数据存储
- HDU:2022 海选女主角
- MFC实现加载光标改变鼠标的形状
- Django框架之 Admin(后台管理)
- 01背包问题及空间优化
- Fiori2.0学习笔记-路由导航
- 给iOS Simulator安装App
- 自定义view之draw篇
- 非常好的硬件启动流程说明
- nginx_proxy模块
- java servlet获取上传图片以二进制保存到MySQL中,读取Mysql保存的二进制图片
- ssm多数据源多事物配置
- jenkins 打包部署springboot应用,后台启动
- Centos date命令的使用