Mapping Array von Arrays zu sap.m.Table Steuer

Question

Ich habe meine Daten wie folgend:

{ 
    meta: { 
       format: "csv", 
       info: "desc", 
       columns: [ 
       { 
        id: "Name", 
        type: "Text", 
        length: 32   
       }, 
       { 
        id: "Text", 
        type: "Text", 
        length: 128 
       }] 
      }, 
    rows: [ 
       ["John","xxxx"], 
       ["Alpha","yyyy"], 
       ["Beta","wwww"], 
       ["Gamma","zzzz"]] 
} 

Nun, ich kämpfen, um die Datensätze zu einer sap.m.Table Kontrolle als Columns und Rows abzubilden. Spalte scheint geradlinig, gerade Karte, aber die Zeilen sind Array-Array-Struktur. Gibt es eine Möglichkeit, diese Struktur zu binden, die kein Array von Objekten ist?

Answer 1

Offensichtlich ist es möglich, eine Eigenschaftsbindung zu erstellen, wenn Sie den Array-Index anstelle eines Eigenschaftsnamens verwenden.

<List id="list" items="{/rows}> 
    <columns> 
     <Column> 
      <Label text="{/meta/columns/0/id}"/> 
     </Column> 
     <Column> 
      <Label text="{/meta/columns/1/id}"/> 
     </Column> 
    </columns> 
    <items> 
     <ColumnListItem> 
      <cells> 
       <Text text="{0}"/> 
       <Text text="{1}"/> 
      </cells> 
     </ColumnListItem> 
    </items> 
</List> 

Dynamisch können Sie die Bindung wie folgt in der Steuerung tun. Es sollte leicht an Ihren Anwendungsfall anzupassen sein:

var list = this.byId("list"); 

list.bindAggregation("columns", { 
    "path" : "/meta/columns", 
    "template" : new sap.m.Column({ 
     "header" : new sap.m.Label({ 
      "text" : "{name}" 
     }) 
    }) 
}); 

list.bindAggregation("items", { 
    "path" : "/rows", 
    "template" : new sap.m.ColumnListItem({ 
     "cells" : [ 
      new sap.m.Text({ "text" : "{0}" }), 
      new sap.m.Text({ "text" : "{1}" }) 
     ]}) 
}); 

Die Liste darf keine verbindlichen Informationen enthalten.

Wenn Sie mehr Kontrolle über den Bindungsprozess benötigen, können Sie Factory-Funktionen anstelle von Vorlagen verwenden.

list.bindAggregation("columns", { 
    "path" : "/meta/columns", 
    "factory" : function(id, context) { 
     return new sap.m.Column({ 
      "header" : new sap.m.Label({ 
       "text" : "{name}" 
      }) 
     }); 
    } 
});