Nasıl layout.Grid XML görünümünde SAPUI5 kullanılır?

Question

Bu koda sahibim. (https://openui5.hana.ondemand.com/#test-resources/sap/ui/layout/demokit/Grid.html)

var oGrid1 = new sap.ui.layout.Grid({ 
    hSpacing: 1, 
    vSpacing: 1,  
    content: [ 
     new sap.ui.commons.TextView({ 
      text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.', 
      layoutData : new sap.ui.layout.GridData({ 
       span : "L4 M6 S12" 
      }) 
     }), 
     new sap.ui.commons.TextView({ 
      text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.', 
      layoutData : new sap.ui.layout.GridData({ 
       span : "L4 M6 S12" 
      }) 
     }), 
     new sap.ui.commons.TextView({ 
      text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.', 
      layoutData : new sap.ui.layout.GridData({ 
       span : "L4 M6 S12" 
      }) 
     }) 
    ] 
}); 


oGrid1.placeAt("sample1"); 

Ve XML gösterimde aşağıdaki şeyi nasıl kullanılacağını anlayamıyorum.

layoutData : new sap.ui.layout.GridData({span : "L4 M6 S12"}) 

Answer 1

SAPUI5 Diagnostics CTRL + ALT + SHIFT + S -> XML Görüntüleme Dönüşüm - XML ​​veya HTML görünümü işaretlemesi için varolan görünümünü dönüştürmek için izin veren bir programdır

<sap.ui.commons:TextView text="Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens."> 
    <sap.ui.commons:layoutData> 
     <sap.ui.layout:GridData span="L4 M6 S12" spanL="0" spanM="0" spanS="0" indentL="0" indentM="0" indentS="0" spanLarge="0" spanMedium="0" spanSmall="0" indentLarge="0" indentMedium="0" indentSmall="0"></sap.ui.layout:GridData> 
    </sap.ui.commons:layoutData> 
</sap.ui.commons:TextView>