表格实时搜索服务。
该服务通过在关键词输入框绑定 onChange 事件,实时筛选表格数据。 搜索逻辑为前端本地过滤,将匹配行保留、不匹配行隐藏。搜索过程经过 Utils.Debounce 防抖处理,避免输入过程中频繁触发重渲染。
onChange
匹配规则为:将每行数据的所有值序列化为 JSON 字符串后,判断是否包含 关键词输入框的当前值。
26.7.1
Zeppelin.TableSearcher.of().compose("textField_keyword", "tableField_list", "id") 复制
Zeppelin.TableSearcher.of().compose("textField_keyword", "tableField_list", "id")
将表格搜索功能组合到指定组件。
该方法会为关键词输入框注册防抖处理后的 onChange 回调。当输入框值 变化时,会根据当前关键词对表格数据进行本地过滤,并将过滤结果写回 表格组件。若页面状态中存在表格快照,还会先同步快照中的变更。
关键词输入框组件的字段标识。
需要被搜索的表格组件的字段标识。
表格组件中用于唯一标识行数据的字段标识,默认为空字符串。
静态
创建一个新的表格搜索服务实例。
初始化后的表格搜索服务实例。
表格实时搜索服务。
该服务通过在关键词输入框绑定
onChange事件,实时筛选表格数据。 搜索逻辑为前端本地过滤,将匹配行保留、不匹配行隐藏。搜索过程经过 Utils.Debounce 防抖处理,避免输入过程中频繁触发重渲染。匹配规则为:将每行数据的所有值序列化为 JSON 字符串后,判断是否包含 关键词输入框的当前值。
添加于
26.7.1
参阅
示例