layui监听搜索操作

最新推荐文章于 2025-03-21 15:30:17 发布

毅个G

最新推荐文章于 2025-03-21 15:30:17 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web jsp 文章标签： web

本文链接：https://blog.csdn.net/qq_49995405/article/details/108229483

web 同时被 2 个专栏收录

11 篇文章

订阅专栏

jsp

6 篇文章

订阅专栏

本文介绍了两种在 layui 中监听搜索操作的方法，帮助开发者实现更高效的数据筛选功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方案一：

 // 监听搜索操作1
        form.on('submit(queryBtn)', function (data) {
            //将搜索的表单数据封装进去result
            var result = data.field;
            console.log(result.college);

            //执行搜索重载
            //执行重载
            table.reload('myTable', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,url:'BaseServlet.do' +
                    '?servlet=MajorServlet' +
                    '&method=selectList' +
                    '&college='+result.college
                ,limits: [10, 15, 20, 25, 50, 100]
            }, 'data');
        });

方案二：

 // 监听搜索操作2
        $("#searchBtn").on("click", function () {
            var data =
                form.val('searchForm');
            //刷新表格
            reload(data);
        })

        function reload(conditions) {
            //执行搜索重载
            console.log(JSON.stringify(conditions));
            table.reload('myTable', {
                page: {
                    curr: 1
                },
                where: conditions
            });
        }