如何在emberjs中渲染大小相同的表

时间:2013-01-31 21:29:49

标签: javascript ember.js handlebars.js

基本上我有一个包含4个对象的数组,每个对象都包含一个我想要渲染到表中的数组。但子数组的大小不同,我需要表格具有相同的行数(在没有数据的情况下只渲染空白的cels)

数据看起来像这样:

App.budgetdata = [
    Ember.Object.create({
        omschrijving: 'Week',
        rules: [
            Em.Object.create({
                omschrijving: 'zakgeld',
                bedrag: 20.00,
                richting: 'af'
            })
        ]
    }),
    Ember.Object.create({
        omschrijving: 'Maand',
        'default': true,
        rules: [
            Em.Object.create({
                omschrijving: 'salaris',
                bedrag: 1300.00,
                richting: 'bij'
            }),
            Em.Object.create({
                omschrijving: 'internet',
                bedrag: 60.00,
                richting: 'af'
            }),
            Em.Object.create({
                omschrijving: 'auto kosten',
                bedrag: 300.00,
                richting: 'af'
            })
        ]
    }),

    Ember.Object.create({
        omschrijving: 'Kwartaal',
        rules: [
            Em.Object.create({
                omschrijving: 'sp',
                bedrag: 5.00,
                richting: 'af'
            })
        ]
    }),
    Ember.Object.create({
        rules: [

        ]
    }),
];

如何让emberjs将它呈现为4个具有相同行数的表(所以这些行都有4行)?

1 个答案:

答案 0 :(得分:0)

解决了这个问题,Bassicly我在数组控制器中创建了一个最大大小的属性,然后我在一个集合视图中显示了子数组,这个子数组具有绑定到它的最大大小。

之后,我可以轻松定义具有等大小数组的内容属性。