layui 表格组件不能访问连续的属性的解决办法

最新推荐文章于 2022-11-30 14:22:59 发布

转载最新推荐文章于 2022-11-30 14:22:59 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/as3lib/p/10703978.html

文章标签：

#javascript #json #ViewUI

本文介绍如何修改table.js的第741行代码，使其能够访问JSON数据中对象嵌套的对象属性，如item1.depart.name。通过使用eval方法，可以实现在layui表格插件中对连续属性的访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table.js里第741行改成这样，它这里只能访问一级属性
// var content = item1[field]; 不能访问对象内的对象，比如item1.depart.name,只能访问一级属性
var content = eval("item1."+field);
当json数据里对象嵌套对象的时候

<script th:inline="javascript">
  layui.use('table', function(){
    var table = layui.table;

    table.render({
      elem: '#test'
      ,url:'[(@{/emplist})]'
      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
      ,cols: [[
        {field:'id', width:80, title: 'ID', sort: true}
        ,{field:'lastName', width:100, title: '员工名'}
        ,{field:'genderStr', title: '性别'}
        ,{field:'email',title: '邮箱'}
        ,{field:'birthStr', title: '生日'} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
        ,{field:'department.id', title: '部门ID'}
        ,{field:'department.departmentName', width: '20%',title: '部门名称'}
      ]]
    });
  });
</script>

这样就可以访问连续的属性了