0

尝试使用 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);
    }
  }

请帮忙。

4

1 回答 1

0

检查后,我注意到这是一个愚蠢的错误,filterUpdated 方法返回字符串并且 isActive 字段需要一个布尔值。我只是包括以下行以将其更改为布尔值。

var isActiveS = (this.get('currentFilter') == 'true');

有效。

于 2018-04-20T12:31:11.037 回答