2016-04-07 12 views
0

Meteorを初めて使用しました。 Meteor-x-editable-bootstrapを使用してドロップダウンを作成しています。そのオプションには、Mongoコレクションのデータを入力する必要があります。Meteorのコレクションデータを含む選択入力フィールドをロード

は今、私のコードは次のとおりです。

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

これらは、ハードコード値( 'オプション1'、 'オプション2' など)です。今、フィールドValuesがあるコレクションOptionsがあります。コレクションからデータを取得するために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. 
    } 
}); 
関連する問題