0
反応テーブルhttps://github.com/aslagle/reactive-tableを設定しました。フィルタリングされたデータにどのようにアクセスできるのでしょうか?フィルタリング後の反応テーブルデータへのアクセス
これは私のlogin.js
ファイル
/*****************************************************************************/
/* Login: Event Handlers */
/*****************************************************************************/
Template.Login.created = function() {
this.filter = new ReactiveTable.Filter('greater-than-filter', ['number']);
//this.Pages = new Meteor.Pagination("crud");
};
Template.Login.events({
"change .select-filter": function (event, template) {
template.filter.set($(event.target).val());
}
});
/*****************************************************************************/
/* Login: Helpers */
/*****************************************************************************/
Template.Login.helpers({
'list': function(){
return Crud.findOne();
}
});
/*****************************************************************************/
/* Login: Lifecycle Hooks */
/*****************************************************************************/
Template.Login.onCreated(function() {
});
Template.Login.onRendered(function() {
});
Template.Login.onDestroyed(function() {
});
Template.Login.tables = function() {
return Crud.find();
}
Template.Login.tableSettings = function() {
return {
rowsPerPage: 5,
showFilter: true,
filters: ['greater-than-filter'],
showNavigation: 'auto',
fields: [
{ key: '_id', label: 'Id' },
{ key: 'name', label: 'Name' },
{ key: 'type', label: 'Type' },
{ key: 'number', label: 'Number' }
],
useFontAwesome: true,
group: 'client'
};
}
であり、これはHTML
<template name="Login">
<div class="login">
<div class="page-header">
<h2>Login</h2>
<select id="greater-than-filter" class="form-control select-filter">
<option value="">Any</option>
<option value=100>100</option>
<option value=200>200</option>
</select>
</div>
{{> reactiveTable collection=tables settings=tableSettings}}
<form>
<div class="form-group">
<br/>
<div class="form-group" style="border:1px solid #708090">
<h2>Data Widget</h2>
<hr/>
<div class="row">
<article class="col-md-6 post">
{{list.name}}
</article>
</div>
</div>
<button class="prev">Previous</button><button class="delete">Delete</button><button class="next pull-right">Next</button><button class="save pull-right">Save</button>
</div>
</form>
</div>
</template>
私は、最初のレコードを表示するには、このコード
Template.Login.helpers({
'list': function(){
return Crud.findOne();
}
});
を使用していますですが、このコードではありませんフィルタリングを行わないので、常にコレクションの最初のレコードを表示しますcrud
私はフィルターかどうかはわかりません。フィルタリングされたデータを保持するにはどうすればよいですか?list.name
はフィルタリングが行われた後最初のレコードを表示しますか?