sap.m.upload.UploadSet无数据时如何实现插图式提示效果?
sap.m.upload.UploadSet 插图式空状态实现方法
核心原因:UI5版本差异
你看到的两种空状态样式是UI5版本导致的:
- 图标+文字的旧样式:UI5 1.107及更早版本默认效果
- 插图式新样式:UI5 1.108及以上版本默认效果
实现步骤
- 升级UI5版本:确保你的项目使用的UI5版本≥1.108,无需额外配置,当
UploadSet的items绑定为空数组时,会自动显示插图式空状态。 - 自定义空状态(可选):如果需要修改插图、文字或添加操作按钮,可通过
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) }) ] }) });
- XML视图示例:
内容的提问来源于stack exchange,提问作者sean qu
相关产品推荐
相关产品推荐

