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

时间：2017-04-21 编辑：简简单单来源：一聚教程网

一、需求：有这么一张表

前四个属性当作联合主键

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

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

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

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

第一种：构造Map:Map>>

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

对象ActivityCode有List这个属性，对象ActivityVersion有属性List

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

代码如下

复制代码

public static Map>> listToMap(

List activities) {

Map>> map =newHashMap>>();

for(Activity detail : activities) {

if(!map.containsKey(detail.getActivityCode())) {

Map> mapValue =newHashMap>();

List listValue =newArrayList();

listValue.add(detail);

mapValue.put(detail.getActivityVersion(), listValue);

map.put(detail.getActivityCode(), mapValue);

}else{

Map> mapValue = map.get(detail

.getActivityCode());

if(!mapValue.containsKey(detail.getActivityVersion())) {

List listValue =newArrayList();

listValue.add(detail);

mapValue.put(detail.getActivityVersion(), listValue);

}else{

List mapValueList = mapValue.get(detail

.getActivityVersion());

mapValueList.add(detail);

mapValue.put(detail.getActivityVersion(), mapValueList);

}

returnmap;

}

然后就jQuery遍历map就好了

上一个： jquery设置css样式的多种方法
下一个： mybatis创建一个或多个新用户 insert 字段和表名不确定时动态添加问题

推荐专题

最新下载

热门教程

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

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程