作者 🐼
SpongeBob
-
临时 🔈
表格搜索区域的搜索联动
-------------------------------
表格搜索联动或者事件监听需要通过layui.form来完成,例如监听下拉等事件可以使用如下:
const form = layui.form
//该notes变量是从view中声明的
const notes = notes
form.on("select", function(data) {
//data就是被监听的元素
//通过监听处理自己相关的业务逻辑,需要显示的时候要自己构建HTML然后操作DOM
//例如我选择一级分类后,再显示二级分类
let html = "<option value=''>- 全部 -</option>"
for (const key in notes.cate_sub) {
const item = notes.cate_sub[key]
if (item.pid == data.value) {
html += `<option value="${item.id}">${item.title}</option>`
}
}
//将HTML渲染到指定元素中
$('select[name="cate_sub"]').html(html)
})
//最后记得重新渲染表单中的select
form.render('select')