Skip to Content
0
Jun 12, 2020 at 09:34 PM

Dynamic creation of Progress indicators SAP UI5

101 Views

I want to create progress indicators dynamically based on Model.

how to acheive this. do i need to use any List or with simple form can we acheive? in the above image, based on model, the indicators should populate automatically.

"type":

{ "css": "14k",

"xml": "7.3k",

"javaScript": "2.1k"

"xxx::"", etc.. }

At present the below code only covers three elements but in future it may vary based on the Model.

< f: SimpleForm id = "idSimpleForm" editable = "false" layout = "ResponsiveGridLayout" maxContainerCols = "2" columnsM = "2" singleContainerFullSize = "false" labelSpanL = "15" labelSpanM = "10" labelSpanS = "5" > < f: content > < Label text = "Lines Of Code" / > < Text text = "{sonarReport>/metrics/LinesOfCode}" / > < Label text = "CSS" / > < ProgressIndicator id = "cssProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/css}" / > < Label text = "XML" / > < ProgressIndicator id = "xmlProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/xml}" / > < Label text = "JavaScript" / > < ProgressIndicator id = "jsProgress" displayOnly = "true" state = "Success" / > < Text text = "{sonarReport>/metrics/type/javaScript}" / > < /f:content> </f: SimpleForm >