Sapui5 如何使用Uploadset实现挂起的附件?

Sapui5 如何使用Uploadset实现挂起的附件?,sapui5,Sapui5,目前还没有好的、完整的指南可以帮助用户快速使用最新的UploadSet控件实现挂起的附件。***最受欢迎的是改进 以下是挂起上载的完整实现,包括以下附加功能: 装载附件 复选框(取消)选择所有文件以供使用或方便 下载,及 上传/下载时的忙指示灯 提示:避免使用另一个名为UploadCollection的控件,因为它有太多的bug,而且花了太多时间试图找出替代方法UploadSet是您的无bug闪亮的最佳朋友 外观:*复选框的对齐和控件视觉效果的修改是通过自定义CSS完成的(在本答案中引用)

目前还没有好的、完整的指南可以帮助用户快速使用最新的UploadSet控件实现挂起的附件。

***最受欢迎的是改进

以下是挂起上载的完整实现,包括以下附加功能:

  • 装载附件
  • 复选框(取消)选择所有文件以供使用或方便
  • 下载,及
  • 上传/下载时的忙指示灯
提示:避免使用另一个名为
UploadCollection
的控件,因为它有太多的bug,而且花了太多时间试图找出替代方法
UploadSet
是您的无bug闪亮的最佳朋友

外观:*复选框的对齐和控件视觉效果的修改是通过自定义CSS完成的(在本答案中引用)

先决条件:

  • Scaffold
    sap/m/MessageBox
    as
    MessageBox
    sap/m/MessageToast
    as
    MessageToast
  • UploadSet
    的命名空间:
    xmlns:up=“sap.m.upload”
  • 在全局范围内或在中使用的每个函数中定义该的
    变量
  • 视图:

    <up:UploadSet id="attachmentUpl" instantUpload="false" maxFileSize="2" noDataDescription="" noDataText="" selectionChanged="onSelectionChangeAttachment"
    uploadCompleted="onUploadCompleted" uploadUrl="/sap/opu/odata/sap/Z9NRS_CONFIG_SRV/Z9NRS_REQ_ATTACHSet" visible="true">
        <up:toolbar>
            <OverflowToolbar>
                <CheckBox id="checkbox" select="onSelectAllAttachments" visible="false" />
                <ToolbarSpacer/>
                <Button id="upload" enabled="true" text="Upload" press="onStartUpload" type="Transparent" visible="true" />
                <Button id="remove" enabled="false" icon="sap-icon://delete" press="onRemove" type="Transparent" visible="true" />
                <Button id="download" enabled="false" icon="sap-icon://download" press="onDownload" type="Transparent" visible="true" />
            </OverflowToolbar>
        </up:toolbar>
    </up:UploadSet>
    

    其他功能:

    • 不支持的文件类型、超出文件大小、多文件进度(和上载失败:
    视图:向上载集中添加以下属性,示例如下:

    beforeUploadStarts=“onBeforeUploadStarts”//这将通过MessageToast和MessageBox提示更新多文件上传进度
    fileTypes=“pdf,doc,docx,docm,ppt,pptx,xls,xlsx,jpg,jpeg,png”
    fileTypeMismatch=“onFileTypeMismatch”
    maxFileSize=“2”
    
    FileSizeExceed=“onfileSizeExceed”
    您如何定义用于获取令牌的oDataModel?SecurityToken从oDataModel中检索,oDataModel是通过manifest.json中的数据源添加的