Question

我有过滤器和每个问题。我想创建一个过滤器，它将根据该过滤器更改数据。

<select id="filter">
<option value="all">all</option>
<option value="one">one</option>
<option value="two">two</option>
</select>

{{#each datas}}
<span class="badge">{{Name}}</span>
{{/each}}

Template.mytemp.created = function(){
Session.set("activefilter", "all");
};

Template.mytemp.datas = function(){
  var ac = Session.get("activefilter");
  var result = new Array();
  if(ac != undefined){
    var data = RawData.find({filter:ac}).fetch();

      for(var ii = 0; ii < data.length;ii++){
        var nData = NextData.findOne({_id : data[ii].Next_ID});
        result[ii] = {
          Name : nData.Name
        };
      }
  return result;
  }
};

我创建一个这样的事件处理程序：

Template.mytemp.events({
  'change #filter':function(){
    Session.set("activefilter",$('#filter').val());
  }
});

每当我更改过滤器时，没有任何事情发生，每个数据都没有改变。请帮我改变过滤器时如何更新数据？

Answer 1

当您手动迭代光标（使用each等）时，您必须回放光标以重置它。取自文档http://docs.meteor.com/#rewind

forEach，map或fetch方法只能在游标上调用一次。要多次访问游标中的数据，请使用rewind重置光标。

因此你可以这样做：

Template.mytemp.datas = function(){
  var ac = Session.get("activefilter");
  var result = new Array();
  if(ac != undefined){
    var cursor = RawData.find({filter:ac});
    var data = cursor.fetch();

      for(var ii = 0; ii < data.length;ii++){
        var nData = NextData.findOne({_id : data[ii].Next_ID});
        result[ii] = {
          Name : nData.Name
        };
      }

    cursor.rewind(); //we rewind our cursor here so that it can be iterated again from the beginning when needed

  return result;
  }
};

每个流星过滤器

1 个答案: