尝试使用 ember-models-table 插件显示用户详细信息。还想使用 isActive 字段过滤数据。我使用 ember 计算属性(过滤器)。第一次加载页面时得到正确的结果。但是当我尝试过滤时,我可以看到 currentfilter 的值被正确传递但没有得到任何结果。该表显示没有要显示的记录。
我的 .hbs 代码:
<div class="form-group">
<label for="show">Show:</label>
<select class="form-control" id="show" onchange={{action "filterUpdated" value="target.value"}}>
<option value="null">All</option>
<option value="true">Active</option>
<option value="false">Inactive</option>
</select>
</div>
{{models-table
data=filteredPeople
columns=columns
showColumnsDropdown=false
useNumericPagination=true
filteringIgnoreCase=true
showPageSize=true
}}
我的控制器代码:
users: alias('model'),
currentFilter: null,
filteredPeople: filter('users', function(user) {
if(this.get('currentFilter') === null) {
return true;
} else {
return user.isActive === this.get('currentFilter');
}
}).property('users', 'currentFilter'),
actions: {
filterUpdated: function (value) {
alert(value);
if (value=== null) {
this.set('currentFilter', null);
}
else {
this.set('currentFilter', value);
}
}
请帮忙。