Wie erstellt man mehrere Formulare aus oData WS mit XML in SAPUI5?

Question

Ich möchte mehrere Formulare aus einer ODATA-Bindung erstellen.

Ist es möglich, ohne die Formulare in JS zu generieren?

Answer 1

fand ich eine Lösung dank sap.m.Table Komponente:

<Table items="{/NextList2ContentSet}" 
    id="tList" 
    mode="MultiSelect" 
    visibleRowCount="10" 
    width="90%"> 
    <columns> 
      <Column width="5em"></Column> 

    </columns> 
    <items> 
     <ColumnListItem> 
      <cells> 
      <form:Form width="100%" editable="true" visible="true"> 
       <form:formContainers> 
       <form:FormContainer visible="true"> 
        <form:formElements> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Text text="{Matnr}" width="1000px" maxLines="1" wrapping="true" textAlign="Begin" textDirection="Inherit"/> 
         <m:Text text="ST10/R2C/60.11.3E" width="auto" maxLines="3" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Text text="{Maktx}" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         <m:Text text="{ZvsolaTarget}" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="Pick" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Input id="inputPicked" value="{ZvsolaTarget}" type="Number" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="SCRAP" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Input id="inputScrap" type="Number" text="1" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="Article" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Input id="articleInput" text="Article" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="Bin" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Input id="bin" width="auto" maxLines="1" wrapping="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:fields> 
        </form:FormElement> 
        <form:FormElement visible="true"> 
         <form:label> 
         <m:Label text="Reason" design="Standard" width="100%" required="false" textAlign="Begin" textDirection="Inherit"/> 
         </form:label> 
         <form:fields> 
         <m:Select id="catComboBox" change="onChangeCat" items="{ path: 'Glori>/ReasonCategorySet', sorter: { path: 'Zcat' } }"> 
          <core:Item key="{Glori>Zcat}" text="{Glori>Zdesc}"/> 
         </m:Select> 
         <m:Select id="origComboBox" change="onChangeOrig" items="{ path: 'Glori>/ReasonOriginSet', sorter: { path: 'Zorig' } }"> 
          <core:Item key="{Glori>Zorig}" text="{Glori>Zdesc}"/> 
         </m:Select> 
         <m:Select id="descComboBox" change="onChangeDesc" visible="{=${Glori>/ReasonCategorySet}.length > 0}" 
                items="{ path: 'Glori>/ReasonDescSet', sorter: { path: 'Zreason' } }"> 
          <core:Item key="{Glori>Zreason}" text="{Glori>Zreasondesc}"/> 
         </m:Select> 
         </form:fields> 
        </form:FormElement> 
        </form:formElements> 
        <form:title/> 
       </form:FormContainer> 
       </form:formContainers> 
       <form:layout> 
       <form:ResponsiveGridLayout adjustLabelSpan="false" columnsL="2" labelSpanL="3" columnsM="1" labelSpanM="2" labelSpanS="12"/> 
       </form:layout> 
      </form:Form> 
      </cells> 
     </ColumnListItem> 
     </items> 
</Table>