Javascript 不动态更新模板的筛选器
我试图过滤我的收藏“PriceList”,并成功地实现了排序,它工作得非常好,但当我尝试实现过滤器和搜索时,它的行为很奇怪。当我点击自定义过滤器按钮时,它们不会动态地更新模板,但当我在之后进行排序时,模板会更新,你知道我哪里出错了吗?以下是文件,如果需要更多信息,请告诉我 price_list.jsJavascript 不动态更新模板的筛选器,javascript,node.js,meteor,meteorite,Javascript,Node.js,Meteor,Meteorite,我试图过滤我的收藏“PriceList”,并成功地实现了排序,它工作得非常好,但当我尝试实现过滤器和搜索时,它的行为很奇怪。当我点击自定义过滤器按钮时,它们不会动态地更新模板,但当我在之后进行排序时,模板会更新,你知道我哪里出错了吗?以下是文件,如果需要更多信息,请告诉我 price_list.js PriceListFilter = new Meteor.FilterCollections(PriceList, { name: "PriceListFC", template: 'pri
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
,那么当数据可能由于过滤器集合中的依赖项
初始化怪癖而发生更改时,模板助手依赖项不会失效
尝试将分页器添加到模板中。否则,您可以尝试覆盖模板侦听器并使用