如何让SAPUI5 Object Page头部默认处于折叠状态
SAPUI5 Object Page头部默认折叠实现方案
要实现Object Page头部默认折叠且保留展开功能,不用完全隐藏,直接通过以下两种方式即可:
方式一:XML视图直接配置
在Object Page的头部标签中添加collapsed="true"属性,这会让头部默认处于折叠状态,同时保留展开/折叠的切换按钮:
<ObjectPageLayout> <header> <ObjectPageHeader collapsed="true" title="你的页面标题" subtitle="副标题" /> </header> <!-- 页面内容区域 --> </ObjectPageLayout>
方式二:控制器动态设置
如果需要根据业务逻辑动态控制默认折叠状态,可以在控制器的初始化方法中获取头部实例并调用setCollapsed(true):
onInit: function() { // 替换成你自己的ObjectPageHeader ID const oPageHeader = this.byId("objectPageHeader"); if (oPageHeader) { oPageHeader.setCollapsed(true); } }
对应的XML视图需要给头部设置ID:
<ObjectPageHeader id="objectPageHeader" title="你的页面标题" />
注意:不要使用visible="false"属性,这会完全隐藏头部(包括切换按钮),而collapsed属性仅折叠头部内容,保留交互控件,正好符合你的需求。
内容的提问来源于stack exchange,提问作者Seb
相关产品推荐
相关产品推荐

