Javascript 不动态更新模板的筛选器

Javascript 不动态更新模板的筛选器,javascript,node.js,meteor,meteorite,Javascript,Node.js,Meteor,Meteorite,我试图过滤我的收藏“PriceList”,并成功地实现了排序,它工作得非常好,但当我尝试实现过滤器和搜索时,它的行为很奇怪。当我点击自定义过滤器按钮时,它们不会动态地更新模板,但当我在之后进行排序时,模板会更新,你知道我哪里出错了吗?以下是文件,如果需要更多信息,请告诉我 price_list.js PriceListFilter = new Meteor.FilterCollections(PriceList, { name: "PriceListFC", template: 'pri

我试图过滤我的收藏“PriceList”,并成功地实现了排序,它工作得非常好,但当我尝试实现过滤器和搜索时,它的行为很奇怪。当我点击自定义过滤器按钮时,它们不会动态地更新模板,但当我在之后进行排序时,模板会更新,你知道我哪里出错了吗?以下是文件,如果需要更多信息,请告诉我

price_list.js

PriceListFilter = new Meteor.FilterCollections(PriceList, {
  name: "PriceListFC",
  template: 'price_list',
  filters: {
    "trip": {
      title: 'Trip Types',
      operator: ['$regex', 'i'],
      condition: '$and',
      searchable: 'optional',
    },
  }, 
  sort:{
    order: ['desc', 'asc'],
    amount0: ['desc', 'asc'],
    amount1: ['desc', 'asc'],
    amount2: ['desc', 'asc'],
    amount3: ['desc', 'asc'],
    amount4: ['desc', 'asc'],
  },
});
price_list.html

<template name="price_list">
<div class="pael panel-info">
  <div class="">
    <div class="pull-right">
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search" value="{{fcFilterSearchable.criteria}}" data-fc-search-target="search-box">
        </div>
        <button type="submit" class="btn btn-success fc-search-trigger" data-fc-search-trigger="search-box">Submit</button>
        {{#each available}}
          <a href="#" class="fc-search-fields">{{#if active}}Disable{{else}}Enable{{/if}} {{title}} filter</a>
          {{/each}}
      <button type="button" class="fc-filter btn btn-primary {{#if fcFilterObj.isActive 'trip' 'Single Trip'}}active{{/if}}" data-fc-filter-field="trip" data-fc-filter-value="Single Trip" >
        Single Trip
      </button>
      <a href="#" class="fc-filter btn btn-primary {{#if fcFilterObj.isActive 'trip' 'Annual Trip'}}active{{/if}}" data-fc-filter-field="trip" data-fc-filter-value="Annual Trip" >
        Annual Trip
      </a>
        {{#if fcFilterSearchable.criteria}}<button type="button" class="btn btn-danger fc-search-clear">Reset</button>{{/if}}
      </form>
      {{#if fcFilterActive}}
      <div class="navbar-form pull-right">
        {{#each fcFilterActive}}
        <a href="#" class="btn btn-info fc-filter-clear">{{title}}: {{operator}} {{value}}</a>
        {{/each}}
      </div>
      {{/if}}

   </div>
    <h4>Price Comparision</h4>
  </div>
  <div class="table-responsive">
    <table class="table table-hover table-bordered">
      <thead >
        <tr class="info">
          <th class="fc-sort" data-fc-sort="amount0">
            InsureandGo.com - Budget
            {{#if fcSort.amount0.desc}}(des){{/if}}
            {{#if fcSort.amount0.asc}}(asc){{/if}}
          </th>
          <th class="fc-sort" data-fc-sort="amount1">
            InsureandGo.com - Silver
            {{#if fcSort.amount1.desc}}(des){{/if}}
            {{#if fcSort.amount1.asc}}(asc){{/if}}
          </th>
          <th class="fc-sort" data-fc-sort="amount2">
            InsureandGo.com - Gold
            {{#if fcSort.amount2.desc}}(des){{/if}}
            {{#if fcSort.amount2.asc}}(asc){{/if}}
          </th>
          <th class="fc-sort" data-fc-sort="amount3">
            InsureandGo.com - Black
            {{#if fcSort.amount3.desc}}(des){{/if}}
            {{#if fcSort.amount3.asc}}(asc){{/if}}
          </th>
          <th class="fc-sort" data-fc-sort="amount4">
            InsureandGo.com - Annual Silver
            {{#if fcSort.amount4.desc}}(des){{/if}}
            {{#if fcSort.amount4.asc}}(asc){{/if}}
          </th>
        </tr>
      </thead>
      <tbody>
      {{#each fcResults}}
      <tr>
        <td>{{amount0}}</td>
        <td>{{amount1}}</td>
        <td>{{amount2}}</td>
        <td>{{amount3}}</td>
        <td>{{amount4}}</td>
      </tr>
      {{/each}}
      </tbody>

    </table>
  </div>
</div>
  </div>
</template>

提交
{{{#每个都可用}
{{/每个}}
单程
{{{#如果fcFilterSearchable.criteria}}重置{{/if}
{{#如果fcFilterActive}
{{{#每个fcFilterActive}
{{/每个}}
{{/if}
价格比较
InsurageAndgo.com-预算
{{{#if fcSort.amount0.desc}(des){{/if}
{{{#if fcSort.amount0.asc}(asc){{/if}
InsurateAndgo.com-银色
{{{if fcSort.amount1.desc}(des){{/if}
{{{if fcSort.amount1.asc}(asc){{/if}
保险公司网站-黄金
{{{#if fcSort.amount2.desc}(des){{/if}
{{{#if fcSort.amount2.asc}(asc){{/if}
InsurageAndgo.com-黑色
{{{if fcSort.amount3.desc}(des){{/if}
{{{if fcSort.amount3.asc}(asc){{/if}
InsurageAndgo.com-年度银牌
{{{if fcSort.amount4.desc}(des){{/if}
{{{#if fcSort.amount4.asc}(asc){{/if}
{{{#每个fcResults}
{{amount0}}
{{amount1}}
{{amount2}}
{{amount3}}
{{amount4}}
{{/每个}}

如果您没有在模板中使用
fcPager
fcSort
,那么当数据可能由于
过滤器集合中的
依赖项
初始化怪癖而发生更改时,模板助手依赖项不会失效

尝试将分页器添加到模板中。否则,您可以尝试覆盖模板侦听器并使用