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

sap.m.upload.UploadSet无数据时如何实现插图式提示效果?

sap.m.upload.UploadSet 插图式空状态实现方法

核心原因:UI5版本差异

你看到的两种空状态样式是UI5版本导致的:

  • 图标+文字的旧样式:UI5 1.107及更早版本默认效果
  • 插图式新样式:UI5 1.108及以上版本默认效果

实现步骤

  1. 升级UI5版本:确保你的项目使用的UI5版本≥1.108,无需额外配置,当UploadSet的items绑定为空数组时,会自动显示插图式空状态。
  2. 自定义空状态(可选):如果需要修改插图、文字或添加操作按钮,可通过emptyState聚合自定义:
    • XML视图示例:
      <UploadSet>
        <emptyState>
          <EmptyState
            illustration="sapIllus-NoDocuments"
            titleText="暂无附件"
            descriptionText="请上传相关文件">
            <buttons>
              <Button text="上传文件" press=".onUploadPress" />
            </buttons>
          </EmptyState>
        </emptyState>
      </UploadSet>
      
    • JS代码示例:
      new sap.m.upload.UploadSet({
        emptyState: new sap.m.EmptyState({
          illustration: "sapIllus-NoDocuments",
          titleText: "暂无附件",
          descriptionText: "请上传相关文件",
          buttons: [
            new sap.m.Button({
              text: "上传文件",
              press: this.onUploadPress.bind(this)
            })
          ]
        })
      });
      

内容的提问来源于stack exchange,提问作者sean qu

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.17 17:42:05