list嵌套显示

最新推荐文章于 2022-10-25 14:41:17 发布

肉酱

最新推荐文章于 2022-10-25 14:41:17 发布

阅读量1.2k

点赞数 1

文章标签： cforEach

本文链接：https://blog.csdn.net/a576736858/article/details/51492103

版权

隐藏专栏收录该内容

5 篇文章 0 订阅

订阅专栏

.dept-content{
    width: 790px;
    float: left;
    margin: 20px 0 0 10px;

}

.dept-table{
    margin-top: 20px;
}

.dept-title{
    width:100%;
    border:1px solid #00c9cb;
    padding: 10px 0;
    font-size: 16px;
    background:rgba(0, 131, 133, 0.2);
}

.dept-title p{
    text-align: center;
    color: #008385;
    
}

.dept-table table{
    border: 1px solid #dddddd;
}

.td-w20{
    width: 20%;
}

.in li{
    list-style-position:inside;
    margin: 10px 0 10px 5px;
}

.disc{
    list-style-type:disc ;
    color:rgba(0, 131, 133, 0.2);
    width:100%;
    float:left;
    border:1px solid #dddddd;
}

.in a{
    color:#999999;
}

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">页面：</span>

<div class="dept-content">
		<div class="dept-table">
			<c:forEach var="dict" items="${dictList}">
				<div style="width:100%;float:left;margin-bottom:15px;">
					<div class="dept-title">
						<p>
							<ph:dictValue dictCode="${dict.dictCode }" />
						</p>
					</div>
					<ul class="in disc" style="width:100%;float:left;border:1px solid #dddddd;">
						<c:forEach var="dept" items="${dict.deptList}">
							<li style="float:left;width:19%"><a href="#" title="${dept.name}">${dept.name}</a></li>
						</c:forEach>
					</ul>
				</div>
			</c:forEach>
		</div>
	</div>

后台：

@RequestMapping(value="/f/department/alldept")
	public String test(@ModelAttribute Department department,ModelMap model)throws Exception{
		List<SysDict> dictList = (List<SysDict>)DictUtils.getDictMap().get("department.category");
		for (int i = 0; i < dictList.size(); i++) {
			SysDict dict = dictList.get(i);
			String categoryId = dict.getDictCode();
			List<Department> deptList = departmentService.getDeptNameList(categoryId);
			dict.setDeptList(deptList);
		}
		model.addAttribute("dictList", dictList);
		return "f/department/alldept";
	}

效果：