layui的查询为什么会报这样的错

img

img

img

layui.use('table', function () {
    var table;
    table = layui.table;//获取table模块（实例化）
    var form = layui.form;
    //渲染表格
    table.render({
        elem: '#test'//数据加载的标签
        , url: '/Admin/GetAdmin'//数据请求的地址
        , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        , title: '用户数据表'
        , cols: [[
            { type: 'checkbox', fixed: 'left' }
            , { field: 'ID', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true }
            , { field: 'UserID', title: '用户编号', width: 120 }
            , { field: 'UserName', title: '用户姓名', width: 120, sort: true }
            , { field: 'PhoneNum', title: '手机号', width: 180 }
            , { field: 'Address', title: '地址', width: 180 }
            , { field: 'Sex', title: '性别', templet: '#sexTpl' }
            , { field: 'PassWord', title: '密码', templet: '#PassWord' }
            , { field: 'Email', title: '邮箱', width: 180, sort: true }
            , { field: 'UserState', title: '是否禁用', width: 180, sort: true, templet: '#checkboxTpl' }
        ]]
        , page: true//是否开启分页
    });

找不到table对象，参考：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<title>员工资料</title>
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/font.css">
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/xadmin.css">
<script src="${pageContext.servletContext.contextPath}/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.servletContext.contextPath}/js/xadmin.js"></script>
</head>
<body>    
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">安全管理</a>
            <a><cite>系统菜单</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
        </a>
    </div>    
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                <div class="layui-card-body ">
                        <table class="layui-table" id="tableData" lay-filter="demo"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
    layui.use(['table','jquery', 'layer'], function(){
        $ = layui.jquery
        var layer = layui.layer
            , table = layui.table;
        // 表格渲染
        var tableIns = table.render({
            elem: '#tableData'                  //指定原始表格元素选择器（推荐id选择器）
            ,cols: [[ //表头
                {field: 'menuId', title: '菜单ID'},
                {field: 'menuName', title: '菜单名称'},
                {field: 'url', title: 'URL'},
            ]]
            , url: '${pageContext.request.contextPath }/access/list' //设置请求路径
            , method: 'post' //设置请求方式
            , page: false
            , limits: [2, 60, 90, 150, 300]
            , limit: 2 //默认采用30
            , loading: true
        });
        
    });
</script>
</body>
</html>

上面报错图里说你table未定义

//将你的代码
var table;
    table = layui.table;
    var form = layui.form;
  //改成下面的试试
var table = layui.table,form = layui.form;