Fiori应用全屏功能的实现

# Sent: Friday, June 12, 2015 2:57 PM

Subject: Full Screen Button on Chart Container

Chart上的全屏功能不是UI5提供的,那其实只是一个图片,点击之后都是自定义的代码实现的:

Fiori应用全屏功能的实现 - fullscreen

ChartContainer.js初始化的时候,添加Full Screen Button,绑定自己press事件方法toggleFullScreen:

Fiori应用全屏功能的实现 - fullscreen

toggleFullScreen()方法里面调用openFullScreen()和closeFullScreen()的操作:

Fiori应用全屏功能的实现 - fullscreen

openFullScreen():

Fiori应用全屏功能的实现 - fullscreen

closeFullScreen():

Fiori应用全屏功能的实现 - fullscreen

关于MasterDetail和FullScreen的切换,UI5的文档把这种模式叫做Multi-Flow,但是我好像还没找到UI5对这种情况的直接支持:

https://openui5.hana.ondemand.com/#docs/guide/f377376842914da7a6716192ecffc9d0.html

Fiori应用全屏功能的实现 - fullscreen

StackOverflow上也有人问UI5里面的Multi Flow,上面有个例子也是自己写代码实现的:

http://stackoverflow.com/questions/26342435/how-to-implement-the-multi-flow-pattern

http://jsbin.com/fikocuxiloha/3/edit?html,output


分享到:


相關文章: