Layui表格搜索框回车事件需手动绑定keydown监听Enter键，调用table.reload()传where参数并重置page.curr为1，推荐在done回调或父容器事件委托中绑定以避免重复绑定和DOM失效。
监听表格搜索框的回车事件
默认情况下，layui 的 table.render() 生成的搜索框（如 toolbar 中的 input）不会自动响应回车键。必须手动绑定 keydown 或 keypress 事件，且需注意事件委托——因为搜索框可能在表格重载后被重建，直接对 dom 节点绑定容易失效。
推荐在 table.render() 的 done 回调里绑定，确保元素已渲染；或用事件委托绑定到父容器（如 lay-table 外层）。
- 监听
event.key === 'Enter'，避免兼容性问题（不用keyCode） - 调用
event.preventDefault()防止表单默认提交或页面跳转 - 触发前先获取输入值，再调用
table.reload()带条件刷新
用 table.reload() 带搜索参数重新加载表格
回车后不能只执行 JS 逻辑，必须让表格真正按新关键词过滤数据。Layui 不提供“内置搜索触发”API，得靠 table.reload() + where 参数模拟搜索行为。
关键点是：把搜索框的值作为自定义请求参数传给后端，或在前端用 parseData + data 做本地过滤（仅限静态数据）。
- 若后端分页搜索，
where: { keyword: $('#searchInput').val().trim() } - 若前端全量数据，需配合
page: false和data数组做filter，否则reload()会丢失原始数据 - 务必加
page: { curr: 1 }，否则翻页后回车可能还在第 2 页搜
table.reload('myTable', {
page: { curr: 1 },
where: { keyword: $searchInput.val().trim() }
});
避免重复绑定和 input 未及时更新的问题
常见坑是：多次调用 table.render()（比如切换 tab 或刷新模块）导致 keydown 事件重复绑定，一按回车搜好几遍；或者搜索框是动态插入的，$('#searchInput') 拿到的是旧节点，取不到最新值。
- 绑定前先解绑：
$searchContainer.off('keydown', '.search-input').on('keydown', '.search-input', handler) - 不要用固定 ID 绑定，改用 class + 事件委托，例如监听
.layui-table-tool .layui-input - 在事件回调里实时取
$(event.target).val()，别缓存变量，防止异步更新滞后 - 空值时建议不触发 reload，或显式清空
where.keyword后 reload
兼容 Layui 2.8+ 的 toolbar 自定义模板场景
如果你用的是 toolbar: '<div><input type="text" class="layui-input search-keyword"></div>' 这种写法，那搜索框不在 Layui 内置结构里，table.on('tool') 监听不到，必须自己管生命周期。
- 模板中 input 必须加唯一 class（如
search-keyword），方便委托绑定 -
done回调里可补一次绑定，但更稳的做法是：在 toolbar 渲染后、表格数据加载前，用setTimeout(..., 0)确保 DOM 已就绪 - Layui 2.8 开始支持
defaultToolbar，但自定义搜索框仍需手动处理回车，它不接管业务逻辑
复杂点在于：搜索行为要和分页、排序、列显示状态联动。比如用户先排序再搜索，reload 后排序状态会丢——得在 where 里一并传 sort: 'name', order: 'asc'，并在后端或 parseData 中还原。这个细节多数人一开始会漏掉。
