1、前端页面
<!-- 模态框(Modal) -->
<div class="modal fade" id="ModalCondi" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" style="text-align: center;">选择区域</h4>
</div>
<div class="modal-body" style="height:500px;">
<div class="col-sm-3 left_area">
[#list areaParent as area]
<div data-id="${(area.id)!''}" data-name="${(area.name)!''}" data-status="[#if area_index == 0] 1 [#else] 2 [/#if]" style="[#if area_index == 0] color:#30ccce;background-color:rgb(190, 235, 236); [#else] color:#777; [/#if]" class="parent_area divCondi">
${(area.name)!''}
</div>
[/#list]
</div>
<div class="col-sm-9" id="divCondiChild">
[#list firstChild as area]
<div class="child_area" data-id="${(area.id)!''}" data-name="${(area.name)!''}" data-status="2" onclick="condiSelect(this)">
${(area.name)!''}
</div>
[/#list]
</div>
</div>
<div class="modal-footer">
<a type="button" class="btn btn-mini btn-danger"
data-dismiss="modal">取消</a> <a type="button"
class="btn btn-mini btn-primary" onclick="determineCondi()">确定</a>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
function determineCondi() {
var id = '';
var areaName = '';
var child_id = '';
var child_name = '';
$('.divCondi').each(function(item) {
var status = $(this).attr('data-status');
if (status == 1) {
id = $(this).attr('data-id');
areaName = $(this).attr('data-name');
}
})
$('#divCondiChild .child_area').each(function(item) {
var status = $(this).attr('data-status');
if (status == 1) {
child_id = $(this).attr('data-id');
child_name = $(this).attr('data-name');
}
})
if (child_id == '' || child_name == '') {
art.warn("请选择地区");
}
var flag = true;
$('#old_condi tr').each(function(item) {
var p_id = $(this).find('input').attr('data-provinceId');
var c_id = $(this).find('input').attr('data-cityId');
if (p_id == id && c_id == child_id) {
art.warn("该地区已设置过邮费");
flag = false;
return false;
}
})
在controller层页面中调用:
List<Area> areaParent = areaService.findRoots();
model.addAttribute("areaParent", areaParent);
List<Area> firstChild = new ArrayList<>();
if (areaParent.size() != 0) {
firstChild = areaService.findList("parentId", areaParent.get(0).getId());
}
model.addAttribute("firstChild", firstChild);