layui.all.js:2 Layui hint: The ID option was not found in the table instance，layui table自定义搜索重载找不到id

最新推荐文章于 2022-11-12 19:42:33 发布

HiFighting

最新推荐文章于 2022-11-12 19:42:33 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/HiFighting/article/details/103394199

版权

layui.all.js:2 Layui hint: The ID option was not found in the table instance错误解决，layui table自定义搜索重载找不到id, layui table自定义搜索

layui table实现自定义搜索按钮，自定义搜索条件，下面代码实现按菜单名称搜索

搜索前数据
在这里插入图片描述
按照菜单名称关键字查询

在这里插入图片描述

在这里插入代码片<!DOCTYPE html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Layui</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!--<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />-->
        <link rel="stylesheet" type="text/css" href="/layui/css/layui.css" />
        <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    </head>
    <body>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>查询条件</legend>
    </fieldset>
    <div class="layui-col-md12 ">
                <div class="layui-inline layui-col-md5">
                    <label class="layui-form-label ">菜单名称</label>
                    <div class="layui-input-inline ">
                            <input type="text" name="title" id="menuName" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                    </div><