框架中的地址调用

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">&times;</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)">
							&nbsp;&nbsp;${(area.name)!''}&nbsp;&nbsp;
						</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);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值