layui数据表格搜索功能

时间:2025-04-27 08:17:19
            ({
                elem: '#classT'
                , height: 400
                , url: '../ashx/?action=getdata' //数据接口
                , method: 'post'
                , page: true //开启分页
                , limit: 8
                //成功返回数据
                , parseData: function (res) {
                    return {
                        "code": res[0].code,
                        "msg": res[0].msg,
                        "count": res[0].count,
                        data: res[0].data
                    }
                }
                , cols: [[ //表头
                    { field: '编号', title: '编号', sort: true, fixed: 'left' }
                    , { field: '姓名', title: '姓名' }
                    , { field: '性别', title: '性别' }
                    , { field: '手机号', title: '手机号' }
                    , { field: '所在院校', title: '所在院校' }
                    , { field: '校区', title: '所在校区' }
                    , { field: '所带班级', title: '所带班级' }
                    , { field: '职务', title: '职务' }
                    , { field: '操作', title: '操作', toolbar: '#barDemo' }
                ]]
                , id: 'testReload'
            });
            var $ = layui.$, active = {
                reload: function () {
                    var demoReload = $('#demoReload');

                    ('testReload', {
                        where: {
                            keyword: ()
                        }
                    });
                }
            };

            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });