You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 23:15:53