表格搜索利用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}} |