如何通过Layui数据表格点击表头实现向后端发送排序请求?
- 内容介绍
- 文章标签
- 相关推荐
本文共计627个文字,预计阅读时间需要3分钟。
探讨相关主题
必须手动触发 table.reload(),layui 不会自动发请求——这是最常被误解的一点。
为什么点击表头没发请求?
Layui 默认开启前端排序(autoSort: true),点击只重排内存数据,不走网络。哪怕你配置了 url,只要没关掉前端排序,后端就收不到任何排序参数。
- 检查是否漏写
autoSort: false—— 这是服务端排序的前提 - 确认
table.on('sort(filter)')的 filter 值和table.render()中的id严格一致(大小写、下划线都不能错) - 如果用了静态表格转 Layui(
lay-filter方式),监听事件要换成table.on('sort(*)'),否则可能监听不到
如何在 sort 事件里正确传参给后端?
obj.field 和 obj.type 是唯一可靠来源,但不能直接拼 SQL;后端必须校验字段白名单。
本文共计627个文字,预计阅读时间需要3分钟。
探讨相关主题
必须手动触发 table.reload(),layui 不会自动发请求——这是最常被误解的一点。
为什么点击表头没发请求?
Layui 默认开启前端排序(autoSort: true),点击只重排内存数据,不走网络。哪怕你配置了 url,只要没关掉前端排序,后端就收不到任何排序参数。
- 检查是否漏写
autoSort: false—— 这是服务端排序的前提 - 确认
table.on('sort(filter)')的 filter 值和table.render()中的id严格一致(大小写、下划线都不能错) - 如果用了静态表格转 Layui(
lay-filter方式),监听事件要换成table.on('sort(*)'),否则可能监听不到
如何在 sort 事件里正确传参给后端?
obj.field 和 obj.type 是唯一可靠来源,但不能直接拼 SQL;后端必须校验字段白名单。

