EasyUI DataGrid 单元格合并(或者说一条数据拆分成多条)

本文介绍了如何在EasyUI的DataGrid中实现数据的拆分和单元格合并。原本数据是一条包含多个订单内容的记录,现在需要根据不同的订单条码拆分成多条记录,并在前端加载后进行单元格合并,以保持页面显示的记录数与实际请求的记录数一致。后端处理中,将List>的数据结构进行了转换,前端则负责展示和合并单元格。" 104842153,7693408,C#实现回文字符串检查,"['C#', '字符串处理']
摘要由CSDN通过智能技术生成
碰到一需求,需要datagrid一行中某个字段的内容拆分多行显示

想到笨方法是仍然请求固定条数(easyui的分页条数)的数据

在后台根据需要拆分的字段拆分成多条,前台加载后其他字段再进行单元格合并


原先是这样子:


实际上有些情况必须这样显示:

后台得到的数据是一个List<Map<String,Object>>(用ListA表示,size()即前端easyui请求的内容条数),每个Map(用MapA表示)包含一个List<Map<String,Object>>(List用ListB表示,Map用MapB表示)

MapA中包含了表格中除订单内容以外的数据

MapB中包含了订单内容、条码等元素

原先是将ListB中所有的MapB的订单内容取出来组合在一起,即每条数据是:

MapA.put("订单内容","ListB中所有MapB的订单内容集合")

现在是要ListB中的MapB先根据条码分类,相同条码的订单内容放一起,假设ListB中的MapB共有A、B、C三种条码,即每条数据为:

MapA.put("订单内容","ListB中条码为A的MapB的订单内容集合")

MapA.put("订单内容","ListB中条码为B的MapB的订单内容集合")

MapA.put("订单内容","ListB中条码为C的MapB的订单内容集合")

也就是一条拆成三条,但为了保证页面中记录数与请求的记录数一致,要在加载完成后对除订单内容以外的列进行合并


以下是后端数据转换代码:

List<Map<String, Object> > listA = (List<Map<
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值