访问ng2-smart表中的过滤器内容

时间:2017-12-26 05:41:43

标签: angular

使用angular4。我想提醒ng2-smart-tabe列内容的过滤结果。

如何提醒用户指定的过滤结果......?

或者是否有可能在每列添加自定义文本框,以便在具有单独功能的ng2-smart-table中进行过滤?

我尝试通过添加像这样的自定义文本来提醒过滤器内容。但它不起作用...



columns:{
    Name: {
        title: 'Name',
        type: 'string',
        filter: {
          type:'html',
          valuePreparedFunction:(cell,row)=>{
            return '<input type = "text" #search name="sname" (keydown.enter)="onSearch2(search.value)>'
          }
        }
      }
   }
&#13;
&#13;
&#13;

有没有办法解决这个问题?提前致谢

1 个答案:

答案 0 :(得分:0)

您可以仅在所需列中使用filterFunction属性,然后执行所需的任何操作。这是我的过滤器功能的示例。

filterCountFunction(value?: any, search?: string): boolean {
    // value.name.includes(search)
    if (Object.keys(value).length === JSON.parse(search)) return true;
    return false;
}

像这样filterFunction: this.filterCountFunction,

使用

注意:我使用一种方法来定义类中的设置,以确保数据可用

ngOnInit(): void {
    this.fireService.getCompaniesList().subscribe((companies) => {
        this.companiesOptionsArray = companies.map(c => {
            return { value: c.name, title: c.name, key: c.key };
        });
        this.tableSettings = this.smartTableSettings();
    });
}