找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 拇指 mztk
查看: 1217|回复: 2

layui搜索查询,后台我用的 tp5.1

[复制链接]

134

主题

52

回帖

4913

积分

版主

积分
4913
发表于 2021-1-22 16:23:47 | 显示全部楼层 |阅读模式
本帖最后由 win 于 2021-1-22 16:24 编辑

<div class="demoTable">
    <div class="layui-inline">
        <label class="layui-form-label">模糊搜索</label>
        <div class="layui-input-inline" >
            <input class="layui-input" name="value" id="inputval" placeholder="请输入关键词" autocomplete="off">
        </div>
        <button type="button" class="layui-btn chaxuns" data-type="reload"><i class="layui-icon"></i>查询</button>
    </div>
</div>

JS代码在下面

active = {
     reload: function(){
         //执行重载
         table.reload('test', {
             page: {
                 curr: 1 //重新从第 1 页开始
             }
             ,where: {
                     value: $("#inputval").val()
             },
         });
     }
};

$('.demoTable .chaxuns').on('click', function(){
     var type = $(this).data('type');
     active[type] ? active[type].call(this) : '';
});
php后台获取POST数据就是value
layui的渲染
//注意:导航 依赖 element 模块,否则无法进行功能性*作
layui.use(['laydate','laypage','element','layer','form', 'table'], function () {
    var table = layui.table,    //表格
        form = layui.form,      //表单
        layer = layui.layer,     //弹层
        laypage = layui.laypage, //分页
        laydate = layui.laydate,
        element = layui.element;    //元素*作
    //表格渲染开始
    table.render({
        elem: '#test'      //指定原始表格元素选择器(推荐id选择器)
        ,id: 'test'
        ,toolbar:'#dudus'
        , url: "{:url('myadd/tongxun/tongxunlu')}"      //数据接口
        , method: 'post'...........................



回复

使用道具 举报

134

主题

52

回帖

4913

积分

版主

积分
4913
 楼主| 发表于 2021-1-22 16:26:17 | 显示全部楼层
上面的查询按钮绑定用的是class,个人建议用ID绑定
回复

使用道具 举报

134

主题

52

回帖

4913

积分

版主

积分
4913
 楼主| 发表于 2021-1-23 12:26:47 | 显示全部楼层
本帖最后由 win 于 2021-1-23 12:28 编辑

//表格渲染结束
        //表格重载
        //重载结束
        //查询开始
       /* $('.demoTable .chaxuns').on('click', function(){
            table.reload('test', {
                where:
{
value:
$("#inputval").val()
},
                page:{
                    curr:1
                }
            });
        });*/

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|再加计算机 ( 鲁ICP备19060125号-10|鲁公网安备37028102001711号 )

GMT+8, 2026-9-11 18:11 , Processed in 0.104608 second(s), 23 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表