マッピング配列

Question

私は次のように私のデータを持っている：

今

{ 
    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"]] 
} 

、私はColumnsとRowsとしてsap.m.Tableコントロールにレコードをマップするために苦労しています。列はまっすぐ前方、まっすぐなマップのようですが、行は配列構造の配列です。オブジェクトの配列ではないこの構造体をバインドする方法はありますか？

Answer 1

明らかに、プロパティ名の代わりに配列インデックスを使用すると、プロパティバインディングを作成することは可能です。

<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> 

動的にバインディングをコントローラで行うことができます。ユースケースに簡単に対応できるようにする必要があります。

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}" }) 
     ]}) 
}); 

リストにはバインディング情報を含めてはいけません。

<List id="list"/> 

バインディングプロセスをさらに制御する必要がある場合は、テンプレートの代わりにファクトリ関数を使用できます。

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