layui数据表格获取当前行数据为空,提示为undefined怎么解决

提问 未结 8 431
小四144
小四144 2020-4-2
悬赏:20飞吻
版本:layui 浏览器:
<!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" href="/layui/css/layui.css">
<!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
</head>
<body>
<script src="/layui/layui.js"></script>
<script src="/js/jquery-3.3.1.js"></script>
<!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
<table class="layui-hide" id="test" lay-filter="test"></table>
<script>
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#test'
, url: '/demo1.json'
, cols: [[
{field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
, {field: 'username', title: '用户名', width: 120}
, {field: 'sex', title: '性别', width: 80, sort: true}
, {field: 'city', title: '城市', width: 100}
, {field: 'sign', title: '签名'}
, {field: 'experience', title: '积分', width: 80, sort: true}
, {field: 'logins', title: 'logins', width: 120}
, {field: 'wealth', title: 'wealth', width: 100, sort: true}
, {field: 'classify', title: 'classify', width: 120}
, {field: 'score', title: 'score', width: 120}
]]
, page: true
});

//监听行单击事件(双击事件为:rowDouble)
table.on('row(test)', function (obj) {
var data = obj.data;
layer.alert(JSON.stringify(data), {
title: '当前行数据:'
});
});

});
</script>

</body>
</html>
是能够正常读出数据的:

但是就是点击后数据为空:

跪求大佬解决!!!
回帖
  • 点击的哪?
    0 回复
  • 小四144
    2020-4-2
    @红烧鱼i 点击的行
    0 回复
  • 你console.log 不要用alert
    在就是吧你引入的jq去掉, 如果使用的话,直接在use里 jquery‘’
    0 回复
  • 小四144
    2020-4-2
    @Angel丨灬泪雨
    <!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" href="/layui/css/layui.css">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>
    <script src="/layui/layui.js"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
    <table class="layui-hide" id="test" lay-filter="test"></table>
    <script>
    layui.use('table', function () {
    var table = layui.table;
    table.render({
    elem: '#test'
    , url: '/demo1.json'
    , cols: [[
    {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
    , {field: 'username', title: '用户名', width: 120}
    , {field: 'sex', title: '性别', width: 80, sort: true}
    , {field: 'city', title: '城市', width: 100}
    , {field: 'sign', title: '签名'}
    , {field: 'experience', title: '积分', width: 80, sort: true}
    , {field: 'logins', title: 'logins', width: 120}
    , {field: 'wealth', title: 'wealth', width: 100, sort: true}
    , {field: 'classify', title: 'classify', width: 120}
    , {field: 'score', title: 'score', width: 120}
    ]]
    , page: true
    });

    //监听行单击事件(双击事件为:rowDouble)
    table.on('row(test)', function (obj) {
    var data = obj.data;
    console.log(data.username);
    });

    });
    </script>

    </body>
    </html>
    这个样子运行打印出来的是undefined,方便加个微信吗,大哥
    0 回复
  • @小四144 15315336883
    0 回复
  • data=JSON.stringify(data) 加上这个
    0 回复
  • 小四144
    2020-4-2
    @独爱繁星 打印出来是空的
    0 回复
  • 如言
    2020-4-26
    不知道楼主解决了没有,我也遇到了
    0 回复