Question

我是Meteor的新手。我正在使用Meteor-x-editable-bootstrap创建一个下拉列表，其中的选项必须使用Mongo集合中的数据填充。

现在，我的代码是：

$('#options').editable({
  type: 'select',
  source: [
    {text: 'Option 1'},
    {text: 'Option 2'},
    {text: 'Option 3'}
  ]
});

这些是硬编码值（'选项1'，'选项2'等）。现在，我有一个集合Options，其中有一个字段Values。如何动态设置source数组以从集合中检索数据？请帮忙!!

Answer 1

菜单的流星图案根本不需要jQuery。在模板中，您只需遍历集合即可创建菜单：

<template name="myMenu">
  <select #id="mySelect>
    {{#each item}}
      <option value={{_id}}>{{name}}</option>
    {{/each}}
  </select>
</template>

然后你只需要一个帮助器来返回你需要的物品：

Template.myMenu.helpers({
  items() {
    return MyCollection.find();
  }
});

一个事件处理程序：

Template.myMenu.events({
  'onChange #mySelect'(ev) {
    ...handle the event.
  }
});

Answer 2

为什么不在每次检索数据时都调用相同的代码？

var receivedJson = getNewOptions(); // your data retrieving code here
$('#options').editable({
  type: 'select',
  source: receivedJson
});

在Meteor中加载带有集合数据的选择输入字段

2 个答案: