Emberjs - Соединение панели фильтра {{input}} с моим списком объектов. Как я печатаю, список фильтров
Я пытаюсь включить этоза работой примерhttp://jsbin.com/AViZATE/37/edit фильтрующей панели поиска с моим собственным проектом. Панель поиска, кажется, не связана с моим списком объектов. :(
Позвольте мне показать вам, что я сделал.
App.RecordCategoriesController = Ember.ArrayController.extend({
searchResult: function(){
var searchTerm = this.get('searchTerm');
var regExp = new RegExp(searchTerm,'i');
this.get('model').set('content',this.store.filter('recordCategory',function(item){
return regExp.test(item.get('categoryName'));
}));
}.observes('searchTerm'),
});
Как вы можете видеть выше, я заменилtodo
' с 'recordCategory
' а также 'title
' с 'categoryName
». Пока все хорошо.
В record_categories.hbs я создал панель ввода, которая будет использоваться для фильтрации.
{{input type="text" id="search-todo" placeholder="Search Todo List..." value=searchTerm}}
а затем под ним, руль #each, чтобы перебрать и отобразить мой список
{{#each itemController="recordCategory"}}
<li>{{categoryName}}</li>
{{/each}}
Я что-то пропустил? Я заметил, что searchResults, кажется, не вызывается нигде в их примере
Также вот мой маршрут, потому что почему бы и нет.
App.RecordCategoriesRoute = Ember.Route.extend({
model: function() {
VpcYeoman.RecordCategories.FIXTURES=[];
$.ajax({
url: '/recordCategories',
dataType: 'json',
type:"get",
async: false,
success : function(data, textStatus, xhr) {
if(xhr.status==200){
VpcYeoman.RecordCategories.FIXTURES=data;
}
}
});
return this.store.find('recordCategories');
}
});