表中包含空行直到填充

时间:2015-09-30 14:38:23

标签: javascript html meteor

我想显示一个包含10个空行的表。然后,用户可以开始从第一行输入数据(数据将在mongo集合中插入/更新),一旦第10行被填充,另一个空行应该被添加到表的末尾,依此类推。该表应保持10行视图,并且可以滚动。

在流星中有一种简单的方法吗?

2 个答案:

答案 0 :(得分:1)

我假设你想将这些数据存储在一个集合中,所以你应该开始制作其中一个:

CollName = new Meteor.Collection('collName');

然后我会插入10个空白项目,无论你想捕捉哪些字段(即

[{
  "name": "",
  "comment": "",
  "something": ""
}, {
  "name": "",
  "comment": "",
  "something": ""
}, ....
 {
  "name": "",
  "comment": "",
  "something": ""
}]

然后在模板中迭代它们:

{{#each collItems}}
<tr>
  <td>{{name}}</td>
  <td>{{comment}}</td>
  <td>{{something}}</td>
</tr>
((/each}}

如果您想一次只显示10个,可以在模板助手/查找查询中将limit设置为10.

这应该会让你朝着正确的方向前进,但我建议你在Atmosphere上查看autoformsimple-schema等软件包。

答案 1 :(得分:0)

您不是在寻找一个包含10个空行的表。您正在寻找一个包含10行输入字段的表