layui框架实战案例(3):使用多层嵌套json格式数据的使用templet解决方案

简介: layui框架实战案例(3):使用多层嵌套json格式数据的使用templet解决方案

官方标准的data数据json,在data数组中嵌套member和leader两个数组对象。

{
  "err": "",
  "res": "",
  "data": [
    {
      "totalPays": "767320.60",
      "paid_at": "2020-06-20 18:03:33",
      "uniacid": "5",
      "name": "奶品牛小二-威海站",
      "member": [
        {
          "memberTotal": "18368"
        }
      ],
      "leader": [
        {
          "leaderTotal": "959"
        }
      ]
    }],
  "code": 0,
  "count": 27,
  "msg": ""
}

只要在列头数组中,添加

templet: '<div>{{d.member[0].memberTotal}}</div>'

如图:

       , cols: [[
                {type: 'numbers'}
                , {field: 'name', title: '站点名称'}
                , {field: 'totalPays', title: '销量合计', align: "center"}
                , {
                    field: 'orders_category',
                    title: '团长数量',
                    align: "center",
                    templet: '<div>{{d.leader[0].leaderTotal}}</div>'
                }
                , {
                    field: 'memberTotal"',
                    title: '会员数量',
                    align: "center",
                    templet: '<div>{{d.member[0].memberTotal}}</div>'
                }
            ]]

如果判断templet数据格式,执行回调函数即可,其中d代表res.data。

 templet: function (d) {
                        if (typeof(d.leader[0]) == "undefined") {
                            return "0";
                        } else {
                            return d.leader[0].leaderTotal;
                        }
                    }


Done!

相关文章
|
2天前
|
JSON 数据格式 Python
Python标准库中包含了json模块,可以帮助你轻松处理JSON数据
【4月更文挑战第30天】Python的json模块简化了JSON数据与Python对象之间的转换。使用`json.dumps()`可将字典转为JSON字符串,如`{&quot;name&quot;: &quot;John&quot;, &quot;age&quot;: 30, &quot;city&quot;: &quot;New York&quot;}`,而`json.loads()`则能将JSON字符串转回字典。通过`json.load()`从文件读取JSON数据,`json.dump()`则用于将数据写入文件。
7 1
|
5天前
|
存储 JSON 数据处理
|
6天前
|
JSON 数据可视化 定位技术
python_将包含汉字的字典数据写入json(将datav的全省数据中的贵州区域数据取出来)
python_将包含汉字的字典数据写入json(将datav的全省数据中的贵州区域数据取出来)
14 0
|
19天前
|
存储 JSON JavaScript
「Python系列」Python JSON数据解析
在Python中解析JSON数据通常使用`json`模块。`json`模块提供了将JSON格式的数据转换为Python对象(如列表、字典等)以及将Python对象转换为JSON格式的数据的方法。
33 0
|
23天前
|
存储 JSON 数据挖掘
python逐行读取txt文本中的json数据,并进行处理
Python代码示例演示了如何读取txt文件中的JSON数据并处理。首先,逐行打开文件,然后使用`json.loads()`解析每一行。接着,处理JSON数据,如打印特定字段`name`。异常处理包括捕获`JSONDecodeError`和`KeyError`,确保数据有效性和字段完整性。将`data.txt`替换为实际文件路径运行示例。
14 2
|
8月前
|
JSON Java Maven
在Java中,我们可以使用第三方库来解析JSON数据
在Java中,我们可以使用第三方库来解析JSON数据。这里以常用的Jackson库为例,演示如何解析JSON数据。
58 1
|
5月前
|
SQL JSON 关系型数据库
【SQL编程】MySQL 5.7.28 版本使用 SQL 直接解析 JSON 字符串(判断是否是合法JSON类型+文本深度+文本长度+值类型+keys获取+值获取+不同深度数据获取)
【SQL编程】MySQL 5.7.28 版本使用 SQL 直接解析 JSON 字符串(判断是否是合法JSON类型+文本深度+文本长度+值类型+keys获取+值获取+不同深度数据获取)
57 0
|
5月前
|
JSON 数据格式
这个错误是由于在解析JSON数据时出现了问题。你可以尝试使用`try-except`语句来捕获异常
这个错误是由于在解析JSON数据时出现了问题。你可以尝试使用`try-except`语句来捕获异常
38 2
|
5月前
|
数据采集 JSON JavaScript
C# 解析“JSON“格式数据和网络实战案例 入门
C# 解析“JSON“格式数据和网络实战案例 入门
|
6月前
|
JSON 前端开发 数据格式
ajax请求解析json数据渲染在前端界面
ajax请求解析json数据渲染在前端界面
26 0