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

119 阅读1分钟

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():

closeFullScreen():

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

StackOverflow上也有人问UI5里面的Multi Flow,上面有个例子也是自己写代码实现的:
stackoverflow.com/questions/2…
jsbin.com/fikocuxiloh…

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