Layui搜索框需用双引号包裹HTML字符串且name属性不可少，外层加layui-form类；table.reload()必须传正确表ID，where字段名须与后端严格一致并重置page.curr为1。
toolbar模板里写搜索框，必须用双引号包裹且name属性不能少
直接在toolbar配置里塞html字符串最省事，但格式错一点就失效。layui不解析变量、不支持模板语法，只做原样插入。
常见错误是用单引号包整个字符串，或漏掉name属性——导致form.on('submit()')拿不到值。
- 正确写法：
"<div class="layui-form"><input type="text" name="keyword" placeholder="关键词" class="layui-input"></div>" -
name必须有，且和form.on('submit(filter)')里的filter匹配 - 外层必须加
layui-form类，否则样式错乱、事件委托可能失效 - 别用
lay-search这类自定义属性，Layui不认识
点击搜索按钮后表格没反应？先查reload是否调对了表ID
toolbar区域本身没逻辑，所有行为都要手动绑定。点了没反应，90%是table.reload()没指向正确的表格实例。
关键点：render时指定的id（如id: 'userTable'）必须和reload第一个参数完全一致，大小写、拼写都不能错。
- 监听事件要写全：
table.on('toolbar(userTable)', function(obj){...})，括号里填的是render时的id值 - reload必须显式传参：
table.reload('userTable', { where: {...} })，不能只写table.reload() - 如果用了
form.on('submit(filter)')，记得return false阻止页面刷新 - 检查控制台是否有
Cannot read property 'config' of undefined——那就是表ID传错了
搜索后数据没变？重点检查where字段名和page.curr
前端传的字段名和后端接口约定不一致，或者没重置页码，是搜索“无效”的两大主因。
比如后端接口接收title_like，你却传{ keyword: val }，后端根本收不到；又或者用户在第5页搜，结果还是查第5页的数据，自然为空。
-
where里的key必须和后端要求的查询参数名严格一致（包括大小写、下划线） - 每次搜索都必须带
page: { curr: 1 }，否则页码不会重置 - 多条件时别硬塞空值：
if ($('#status').val()) params.status = $('#status').val() - 日期控件返回的字符串格式（如
2026-06-30vs2026/06/30）要和后端预期匹配
想加搜索建议？别用第三方autocomplete插件
Layui官方没有layui.autocomplete，网上杂牌插件极易和表格CSS冲突（比如z-index被盖住、滚动时错位），反而更难调。
纯原生方案更稳：一个<input> + 一个绝对定位的<ul class="search-suggest"></ul>，自己监听input事件做模糊匹配。
- 用
input事件（不是keyup），兼容中文输入法上屏 - 建议数据源优先用本地数组，避免频繁请求；匹配用
includes()或正则，最多显示5条 - 点击建议项或回车时，填入input并触发
table.reload()，注意where要合并原有筛选条件 - 每次
table.reload()前，记得清理旧的<ul></ul>DOM，否则重复绑定事件
where参数的动态合并——既有搜索关键词，又有状态、时间等其他筛选项，漏掉任何一个非空条件，后端就查不准。这一步没法靠配置自动完成，必须手写逻辑判断。
