表格搜索利用tiTable组件的searchKeys和searchWords接口来实现。
默认为模糊匹配,可设置 searchStrictKeys 接口 来指定其中哪些字段是精确匹配的。
表格组件提供了简单的搜索功能,如果搜索条件复杂可自行处理搜索逻辑,将搜索后的数据直接传给 srcData.data 源数据接口。
1.针对源数据在searchKeys指定的字段下搜索searchWords[0]指定的字符串, 在指定字段中的任一字段搜索到时即满足条件(并集)。默认为模糊匹配,哪些字段是精确匹配取决于searchStrictKeys。 如:searchWords: ['po'], searchKeys: ['firstName', 'lastName', 'age'], searchStrictKeys: ['firstName'], 则或在firstName字段中等于(精确匹配)‘po’,或在lastName字段包含(模糊匹配)‘po’, 或在age字段包含(模糊匹配)‘po’时本行数据即满足搜索条件。
searchWords: {{oneWordSearch.searchWords[0]}}
searchKeys: {{oneWordSearch.searchKeys}}
searchStrictKeys: {{oneWordSearch.searchStrictKeys}}
搜索结果个数: {{ searchedData.length }}
| {{column.title}} | ||||
|---|---|---|---|---|
| {{row.firstName}} | {{row.lastName}} | {{row.age}} | {{row.balance}} | {{row.email}} |
2.针对源数据在searchKeys指定的字段下搜索searchWords对应(按顺序)元素指定的字符串, 在指定字段中的所有字段搜索到对应值时才满足条件(交集)。默认为模糊匹配,哪些字段是精确匹配取决于searchStrictKeys。 如:searchWords: ['b', '39'], searchKeys: ['firstName', 'age'], searchStrictKeys: ['age'], 则在firstName字段包含(模糊匹配)‘b’且 在age字段等于(精确匹配)‘39’时本行数据才满足搜索条件。
searchWords: {{moreThanOneWordSearch.searchWords[0]}},{{moreThanOneWordSearch.searchWords[1]}}
searchKeys: {{moreThanOneWordSearch.searchKeys}}
searchKeys: {{moreThanOneWordSearch.searchStrictKeys}}
| {{column.title}} | ||||
|---|---|---|---|---|
| {{row.firstName}} | {{row.lastName}} | {{row.age}} | {{row.balance}} | {{row.email}} |