Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...


Info

The UI5 Control sap.m.UploadCollection will be deprecated as of UI5 version 1.88 and replaced by sap.m.upload.UploadSet. FAB Front-End and the workbench have been updated to support both sap.m.UploadCollection (UI5 ver. < 1.88) and sap.m.upload.UploadSet (UI5 ver. >= 1.88). While the Upload Collection control will still function for attachments, it is not supported beyond UI5 version 1.88.


Properties of Upload Collection

  1. Id - unique identifier of the control
  2. Items - assign {/Attachments}
  3. On Upload - by default, assign the FAB pre-delivered Javascript Function "fabHandleFileUpload(evt)"
  4. On Upload Complete - by default, assign the FAB pre-delivered Javascript Function "fabOnFileUploadComplete(evt)"
  5. On Delete - by default, assign the FAB pre-delivered Javascript Function "fabOnFileDeleted(evt)"
  6. Advanced - properties of the control not available in the above list can be added here. 

    Info

    Setting Additional Properties provides further information about the Advanced property


Properties of Upload Collection Item

  1. File Name - filename structure and by default assign {Objdes}.{FileExt}
  2. URL - URL of the file and by default assign {UrlContent}
  3. Enable Edit - set a boolean value or a variable with type boolean from the Model to control if Edit File functionality will be allowed
  4. Visible Edit - set a boolean value or a variable with type boolean from the Model to control if the Edit File button will be visible
  5. Enable Delete - set a boolean value or a variable with type boolean from the Model to control if Delete File functionality will be allowed
  6. Visible Delete - set a boolean value or a variable with type boolean from the Model to control if Delete File button will be visible


Step-by-step guide

How to add an Upload Collection

  1. Right click on a Page, Form Element or from any elements under Add Layout and select Add Upload Collection
    Image Modified
  2. An Upload Collection control has been added
  3. Right click on the Upload Collection and select Add Upload Collection Item
  4. An Upload Collection Item has been added
  5. Intial Javascript should be implemented during the load of the page
        //init file uploader   
    var oUploadCollection = getControl("uploadCollection");  //this is the Id of the upload collection control
        
    fabSetFileUploaderURL(oUploadCollection);
       
    fabSetUploadCollectionItems(oUploadCollection);

...