EasyUI中datagrid获取json数据遇到的问题

本文介绍了一种从复杂JSON数据中提取特定字段的方法,并通过datagrid进行有效展示。重点介绍了如何正确配置字段以确保数据的准确获取与显示,特别是对于嵌套结构的数据处理技巧。

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



1.问题描述

json文件

{"total":1,

  "rows":[

             {"orderInfoId":14,

               "orderTemp":{"accountPaid":0,

                                     "accountReceivable":411,

                                     "deal":true,

                                     "deliverAddress":"王府井大街",

                                     "favor":0,

                                      "isDeal":true,

                                      "mobile":"12345612345 ",

                                      "name":"小王",

                                     "tbOrderId":"192433450821084"

                                    },

               "productColor":"紫色",

              "productName":"连衣裙3",

               "productPrice":399

          }

         ]

}


datagrid中的获取和显示商品名称部分关键代码如下(可以获取并正常显示):

{field:'productPrice',title:'商品价格',width:120,editor:'text', sortable: true},
{field:'productName',title:'商品名称',width:120,editor:'text', sortable: true},

但是如果想要获取上述json中的orderTemp中的tbOrderId值时,使用下面的代码(无法获取和正常显示):

 {field:'orderTemp.tbOrderId',title:'订单编号',width:120, sortable: true}


 2.解决方案:

{field:'orderTemp.tbOrderId',title:'订单编号',width:120, sortable: true,

          formatter: function (value, rec) {
                        return rec.orderTemp['tbOrderId'];
           }

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值