描述

表格搜索利用tiTable组件的searchKeys和searchWords接口来实现。

表格组件提供了简单的搜索功能,如果搜索条件复杂可自行处理搜索逻辑,将搜索后的数据直接传给srcData.data源数据接口。

示例

1.针对源数据在searchKeys指定的字段下搜索searchWords[0]指定的字符串, 在指定字段中的任一字段搜索到时即满足条件(并集)。如:searchWords: ['b'], searchKeys: ['firstName', 'lastName'],则在firstName字段包含‘b’, 或在lastName字段包含‘b’时本行数据即满足搜索条件


searchWords: {{oneWordSearch.searchWords[0]}}

searchKeys: {{oneWordSearch.searchKeys}}


搜索结果个数: {{ searchedData.length }}


{{column.title}}
{{row.firstName}} {{row.lastName}} {{row.age}} {{row.balance}} {{row.email}}


2.针对源数据在searchKeys指定的字段下搜索searchWords对应(按顺序)元素指定的字符串, 在指定字段中的所有字段搜索到对应值时才满足条件(交集)。如:searchWords: ['b', '18'], searchKeys: ['firstName', 'age'],则在firstName字段包含‘b’且 在age字段包含‘18’时本行数据才满足搜索条件


searchWords: {{moreThanOneWordSearch.searchWords[0]}},{{moreThanOneWordSearch.searchWords[1]}}

searchKeys: {{moreThanOneWordSearch.searchKeys}}


{{column.title}}
{{row.firstName}} {{row.lastName}} {{row.age}} {{row.balance}} {{row.email}}