As SAPUI5 prefer XML views, I'm rewriting JS view into XML views.
When I translate the statements below, I can not set sap.ui.core.CSSSize array for property "widths" of Control MatrixLayout.
JS version:
var oLayout = new sap.ui.commons.layout.MatrixLayout({
id : 'matrix3'
columns : 3,
width : '600px',
widths : ['100px', '200px', '300px']
});
XML version:
<l:MatrixLayout
id="matrix3"
columns="3"
width="600px"
widths="['100px', '200px', '300px']">
....
<l:MatrixLayout>
The error says: Uncaught Error: "[100px, 200px, 300px]" is of type object, expected sap.ui.core.CSSSize[] for property "widths" of Element sap.ui.commons.layout.MatrixLayout.
Same problem with property `backgroundDesign` of MatrixLayoutCell, I can only use a workaround to use String "Fill1" not the Class "sap.ui.commons.layout.BackgroundDesign.Fill1".
When we meet a property which need a Class object as value, we can not set it in String Format for XML views. That's a pity or I did not find the right way to set NON-String values as property for XML Controls.