Question

您好我想知道是否可以为collectionView使用更复杂的数组。

因为现在我只是这样使用它：

App.GroupList = Ember.ArrayController.create({
    content: ['A','B','C','D'],
})

App.GroupListView = Ember.CollectionView.extend({
    tagName: 'tbody',
    contentBinding: "App.GroupList"
})

然后像这样显示：

<table class="table-history">
    {{#collection App.GroupListView}}
    <td class="col-left">
        {{view.content}}
    </td>
    <td>
        <span class="col-number-contact">0</td>
    </td>
    <td>
        <div class="ph-img"></div>
    </td>
    <td>
        <div class="ed-img"></div>
    </td>
    {{/collection}}
</table>

到目前为止，这么好，它运作良好，但我想在内容中添加更多信息，如下所示：

content: [
    ['A','1'],
    ['B','2'],
    ['C','3'],
]

并以秒<td> tad（内部为0的那个）显示数字。但它不起作用..我甚至不知道如何在我的模板中显示它们。

有人已设法通过复杂的收藏内容吗？

Answer 1

您可以使用对象数组，如下所示：

App.GroupList = Ember.ArrayController.create({
    content: [{'id':1,val:'A'},{'id':2,val:'B'},{'id':3,val:'C'},{'id':4,val:'D'}];
});

然后在您的模板中，您可以像这样访问它：

<table class="table-history">
    {{#collection App.GroupListView}}
    <td class="col-left">
        {{view.content.val}}
    </td>
    <td>
        <span class="col-number-contact">{{view.content.id}}</td>
    </td>
    <td>
        <div class="ph-img"></div>
    </td>
    <td>
        <div class="ed-img"></div>
    </td>
    {{/collection}}
</table>

Emberjs CollectionView数组在一个数组中

1 个答案: