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

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

Subject: Full Screen Button on Chart Container

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

clipboard1

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

clipboard2

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

clipboard3

openFullScreen():

clipboard4

closeFullScreen():

clipboard5

关于MasterDetail和FullScreen的切换，UI5的文档把这种模式叫做Multi-Flow，但是我好像还没找到UI5对这种情况的直接支持： https://openui5.hana.ondemand.com/#docs/guide/f377376842914da7a6716192ecffc9d0.html

clipboard6

StackOverflow上也有人问UI5里面的Multi Flow，上面有个例子也是自己写代码实现的: http://stackoverflow.com/questions/26342435/how-to-implement-the-multi-flow-pattern http://jsbin.com/fikocuxiloha/3/edit?html,output