typeahead.js：更改數據源，這是作爲一個輔助

Question

我需要改變我的預輸入輸入場的幫手源（sergeyt:typeahead）：

<template name="searchMain"> 
    <input class="typeahead" 
      type="text" 
      autocomplete="on" 
      spellcheck="off" 
      data-sets="searchData" /> 
</template> 

現在我想改變它的任何事件是這樣的：

Template.searchMain.events({ 
    'keyup .typeahead': function(event, template) { 
     if ($(event.currentTarget).val() == 'change') { 
      // the user typed 'change' 
      // now change data source to 'newData' 
     } 
     else { 
      // else use original data source 'searchData' 
     } 
    } 
}) 

助手

Template.searchMain.helpers({ 
    searchData: function() { 
     // build some dataset from collections 
     return ['complex', 'old', 'dataset']; 
    }, 
    newData: function() { 
     // build some dataset from collections 
     return ['another', 'new', 'dataset']; 
    } 
}); 

因爲我會改變這樣的數據集...

$('.typeahead').typeahead('destroy'); 
$('.typeahead').typeahead({ 
    local: data 
}); 

...我不能使用助手。所以我不知道如何回到原點

Answer 1

也許你可以使用一個reactive這個變量？

<template name="searchMain"> 
    <input class="typeahead" 
      type="text" 
      autocomplete="on" 
      spellcheck="off" 
      data-sets="varDataSets" /> 
</template> 

事件

Template.searchMain.events({ 
    'keyup .typeahead': function(event, template) { 
     if ($(event.currentTarget).val() == 'change') { 
      Session.set('dataSets', 'new'); 
     } 
     else { 
      Session.set('dataSets', 'search'); 
     } 
    } 
}) 

助手

Template.searchMain.helpers({ 
    varDataSets: function() { 
    if (Session.get('dataSets') === 'search') { 
     // build some dataset from collections 
     return ['complex', 'old', 'dataset']; 
    } 
    // build some dataset from collections 
    return ['another', 'new', 'dataset']; 
    } 
}); 

onRendered

Template.searchMain.onRendered(function() { 
    this.autorun(function() { 
    // will trigger the autorun everytime dataSets changes 
    Session.get('dataSets'); 
    Meteor.typeahead.inject('.typeahead'); 
    }); 
});