Question

我想在控制器中生成一个包含数组的表，但我真的不明白collectionView是如何工作的。

这是我的阵列：

App.ApplicationView = Ember.View.extend({
    accountProfile: null, //

    actions: {
        [...] //Action that initialize the accountProfile (object)
    } 
})

我的数组可以像这样访问=＆gt;当我想在模板上显示时，view.accountProfile.dialInNumbers。

所以现在我有一张桌子，但它必须遵守这样的标准：

<table class="table-history">
    <tr>
        <td class="col-left">+44734567890</td>
        <td>
            <div class="ph-img"></div>
        </td>
        <td>
            <div class="tr-img"></div>
        </td>
    </tr>

</table>

<tr>标记中最有可能是视图必须生成的内容。最有可能的是，我将始终拥有将从视图中的数组更改的第一个<td>。其他<td>的每一行都是相同的。

我的问题是，我真的不知道如何设法创建collectionView并在同一行中添加其他类名<td>。

我见过有人这样做： myView.appendTo('.table-history');

甚至是这样：

{#collection App.myView}}
<td>{{content}}</td>
{{/collection}}

但是我有点迷失了......

[编辑]

我设法让它像这样：

App.CallBackListView = Ember.CollectionView.extend({
    tagName: 'tbody',
    content: ['A','B','C']
})

{{#collection App.CallBackListView}}
    <td class="col-left">{{content}}</td>
    <td>
        <div class="ph-img"></div>
    </td>
    <td>
        <div class="tr-img"></div>
    </td>
{{/collection}}

但我这里有一个问题，就是{{content}}中有显示。我真的不明白这一点..

Emberjs使用CollectionView创建一个表

0 个答案: