【问题标题】:Table with empty rows until populated在填充之前具有空行的表
【发布时间】:2015-10-01 02:53:53
【问题描述】:
我想显示一个有 10 个空行的表格。然后用户可以从第一行开始输入数据(数据将在 mongo 集合中插入/更新),一旦第 10 行被填充,另一个空行应该被添加到表的末尾,依此类推。该表应保持 10 行视图并且可以滚动。
在meteor中有简单的方法吗?
【问题讨论】:
标签:
javascript
html
meteor
【解决方案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 上的 autoform 和 simple-schema 等软件包。
【解决方案2】:
您不是在寻找有 10 个空行的表。您正在寻找一个包含输入字段的 10 行表格