Layui搜索及重载table

最新推荐文章于 2024-01-01 00:28:39 发布

原创最新推荐文章于 2024-01-01 00:28:39 发布 · 497 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#layui

前端专栏收录该内容

12 篇文章

订阅专栏

本文详细解析了在前端开发中，如何实现搜索功能的重载机制，通过具体代码示例展示了如何使用jQuery和自定义函数来监听搜索按钮的点击事件，并在每次点击时重新加载表格数据，确保显示的是最新的搜索结果。

//搜索时重载
var active = {
        reload: function () {
            var demoReload = $('#search');
            party.reload({
                 where: {
                    search: demoReload.val()
                }
                //, done: function (res, curr, count) {
                //    this.where = {};
                //将搜索的值清空，避免table重载时，是根据上一次的搜索值搜索的结果
                //}
            });
        }
    };

    $('#searchBtn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';//搜索时重载table
    });