jQuery动态生成不规则表格(前后端)

一、需求：有这么一张表

前四个属性当作联合主键

需要把该表所有的行在前端以表格形式显示出来，要求activityId相同时合并成一行，activityCode相同时，合并一行，activityVersion相同时也合并一行。类似这种：

二、初解决：先上来把数据库的数据查询出来，以List<Activity> activities保存，再存到json对象中传回页面。像这样json.put("activities",activities);

　　到js页面了，然后就开始蒙蔽了。本来jqeury就小白，遇到这种情况就更没办法了。

三、问大牛：大牛给我提供了两种思路：我的理解是遇到这种情况可以先把数据在后台封装成你需要的数据结构，在传到前台，就会很好处理。

　　第一种：构造Map:Map<String,Map<String,List<Activity>>>

　　第二中：构造List:这种需要封装出新的java对象.形如:List<ActivityCode>.

　　　　　　对象ActivityCode有List<ActivityVersion>这个属性，对象ActivityVersion有属性List<Activity>

　　我用的是第一种：首先转换数据结构：

 public static Map<String, Map<String, List<Activity>>> listToMap(
      List<Activity> activities) {
    Map<String, Map<String, List<Activity>>> map = new HashMap<String, Map<String, List<Activity>>>();
    for (Activity detail : activities) {
      if (!map.containsKey(detail.getActivityCode())) {
        Map<String, List<Activity>> mapValue = new HashMap<String, List<Activity>>();
        List<Activity> listValue = new ArrayList<Activity>();
        listValue.add(detail);
        mapValue.put(detail.getActivityVersion(), listValue);
        map.put(detail.getActivityCode(), mapValue);
      } else {
        Map<String, List<Activity>> mapValue = map.get(detail
            .getActivityCode());
        if (!mapValue.containsKey(detail.getActivityVersion())) {
          List<Activity> listValue = new ArrayList<Activity>();
          listValue.add(detail);
          mapValue.put(detail.getActivityVersion(), listValue);
        } else {
          List<Activity> mapValueList = mapValue.get(detail
              .getActivityVersion());
          mapValueList.add(detail);
          mapValue.put(detail.getActivityVersion(), mapValueList);
        }
      }
    }
    return map;
  }

　　然后就jQuery遍历map就好了

以上所述是小编给大家介绍的jQuery动态生成不规则表格(前后端)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery动态生成表格  # jQuery动态生成表格及右键菜单功能示例  # JQuery 动态生成Table表格实例代码  # jQuery动态生成Bootstrap表格  # JQuery Ajax动态生成Table表格  # Jquery 动态生成表格示例代码  # jQuery实现多按钮单击变色  # 用JQuery实现表格隔行变色和突出显示当前行的代码  # jQuery代码实现表格中点击相应行变色功能  # jQuery轻松实现表格的隔行变色和点击行变色的实例代码  # jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码  # jquery实现表格中点击相应行变色功能效果【实例代码】  # jQuery实现表格隔行及滑动  # 点击时变色的方法【测试可用】  # jQuery实现动态生成表格并为行绑定单击变色动作的方法  # 数据结构  # 这种情况  # 小编  # 第一种  # 大牛  # 的是  # 就会  # 给我  # 很好  # 在此  # 两种  # 遍历  # 没办法  # 我用  # 给大家  # 就更  # 先把  # 所述  # 给我留言  # 二中 

相关文章： 如何选择域名并搭建高效网站？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  如何快速搭建二级域名独立网站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  公众号网站制作网页,微信公众号怎么制作？  内部网站制作流程,如何建立公司内部网站？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  制作公司内部网站有哪些,内网如何建网站？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  公司门户网站制作流程,华为官网怎么做？  C++中引用和指针有什么区别？（代码说明）  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何快速搭建高效WAP手机网站？  如何在IIS服务器上快速部署高效网站？  ,柠檬视频怎样兑换vip？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  建站之星后台密码遗忘？如何快速找回？  贸易公司网站制作流程,出口贸易网站设计怎么做？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  建站主机选虚拟主机还是云服务器更好？  如何在Ubuntu系统下快速搭建WordPress个人网站？  英语简历制作免费网站推荐,如何将简历翻译成英文？  在线制作视频的网站有哪些,电脑如何制作视频短片？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何快速辨别茅台真假？关键步骤解析  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  学校为何禁止电信移动建设网站？  香港服务器选型指南：免备案配置与高效建站方案解析  代购小票制作网站有哪些,购物小票的简要说明？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  实例解析Array和String方法  兔展官网 在线制作,怎样制作微信请帖？  如何在建站宝盒中设置产品搜索功能？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何在云指建站中生成FTP站点？  广东企业建站网站优化与SEO营销核心策略指南  如何零成本快速生成个人自助网站？  北京的网站制作公司有哪些,哪个视频网站最好？  如何高效生成建站之星成品网站源码？  临沂网站制作公司有哪些,临沂第四中学官网？  Swift中switch语句区间和元组模式匹配  C++时间戳转换成日期时间的步骤和示例代码  公司网站制作价格怎么算,公司办个官网需要多少钱？  linux top下的 minerd 木马清除方法  如何基于云服务器快速搭建个人网站？  存储型VPS适合搭建中小型网站吗？