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

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

Subject: Full Screen Button on Chart Container

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

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

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

openFullScreen():

Fiori应用全屏功能的实现 - fullscreen_第1张图片

closeFullScreen():

Fiori应用全屏功能的实现 - fullscreen_第2张图片

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

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

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

你可能感兴趣的:(Fiori)