2016-04-07 32 views
0

我是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阵列以从集合中检索数据?请帮忙!!

回答

0

为什么不直接调用每次检索数据时都写入的相同代码?

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

菜单的流星模式根本不需要jQuery。在您的模板,你只是遍历集合创建菜单:

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

然后你只需要拥有一个返回你所需要的物品帮手:

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

和事件处理程序:

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