创建广告位——选择按钮

src/main/java/com/cloudcross/ssp/web/advertiser/main/ad/AdvertiserController.java

@@ -485,7 +485,7 @@ public class AdvertiserController extends SimpleController {
 	public String getAllFatherIndustry(Model model, @RequestParam(defaultValue = "1") int page,
 			@RequestParam Map<String, Object> paramMap) {
 		Integer count = this.industryService.conutAllFatherIndustry(paramMap);
-		Pager1 pager = new Pager1();
+		Pager pager = new Pager();
 		pager.setPage(page);
 		pager.setTotalRow(count);
 		paramMap.put("pager", pager);
@@ -505,7 +505,7 @@ public class AdvertiserController extends SimpleController {
 	public String getIndustry(Model model, @RequestParam(defaultValue = "1") int page,
 			@RequestParam Map<String, Object> paramMap) {
 		Integer count = this.industryService.countIndustryByFatherId(paramMap);
-		Pager1 pager = new Pager1();
+		Pager pager = new Pager();
 		pager.setPage(page);
 		pager.setTotalRow(count);
 		paramMap.put("pager", pager);

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/create.ftl

@@ -9,6 +9,8 @@
 <script type="text/javascript" src="${ctx}/assets/js/common/uploadFile.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/advertiser/advertiser.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/advertiser/advertiser_dialog.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/layer/layer.js"></script>
 </@override>	
 <@override name="body">
 <div id=content_bg>
@@ -33,8 +35,8 @@
 				</div>
 				<div class="input-group" id="industryul_selectdiv">
 					<label class="input-label"><span class="lbl-yes">*</span>广告主行业：</label>
-					<span class="spanVaildate_ul"></span>
-					<a class="btn2" href="#">选择</a>
+					<a id="selectIndustry" class="btn2">选择</a><span class="spanVaildate"></span><span id="selectIndustry_span"></span>
+					<input type="hidden" id="industryFatherId" value=""/>
 					<input type="hidden" id="industryId" name="industryId" value=""/>
 				</div>
 				<div class="input-group">

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/industry.ftl

@@ -0,0 +1,31 @@
+<@override name="head">	
+<link rel="stylesheet" href="${ctx}/assets/css/dialog_adGroup.css"/>
+<script type="text/javascript" src="${ctx}/assets/js/advertiser/advertiser_dialog.js"></script>
+</@override>	
+<@override name="body">
+<div id="dialog_content">
+	<form id="selectIndustryForm" action="${ctx}/advertiser/main/ad/advertiser/getAllFatherIndustry" method="post">
+		<input type="hidden" id="page" name="page" value="${pager.page}"/>
+		<input type="hidden" id="fatherId" name="fatherId" value="${fatherId!}"/>
+		<input type="hidden" id="industryId" name="industryId" value="${industryId!}"/>
+		<div id="selectIndustryDiv" class="input-radiosDiv">
+			<#if industryList ??>
+			<#list industryList as industry>
+			<div class="single_div">
+				<input class="single_div_radio" name="industry" type="radio" id="industry${industry.id!}" value="${industry.id!}" title="${industry.name!}">
+				<label class="single_div_span" for="industry${industry.id!}" title="${industry.name!}">${industry.name!}</label>
+			</div>
+			</#list>
+			</#if>
+		</div>
+		<div id="pageDiv_dialog">
+			<#include "/common/pagination/simple.ftl"/>
+		</div>
+		<div id="btnDiv_dialog">
+			<input id="btn_formSubmit" class="industry_oper" type="button" value="下一步"/>
+			<input id="btn_formSubmit" class="industry_save" type="submit" value="保存"/>
+		<div>
+	</form>
+</div>
+</@override>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/assets/js/advertiser/advertiser.js

@@ -27,6 +27,19 @@ $(document).ready(function(){
 		refreshData();
 	});
 	
+	
+	$("selectIndustry").click(function(){
+		layer.open({
+		    type: 2,
+			title: '选择行业',
+			shadeClose: false,
+			shade: 0.6,
+			fix:false,
+			area: ['680px','430px'],
+			content: [ctx+'/advertiser/main/ad/advertiser/getAllFatherIndustry', 'no']
+		}); 
+	});
+	
  	//状态全部、开启、停用
  	if($("#status").val() == 2 || $("#status").val() == ""){
  		$("#selectBar_status a:first").addClass("selectBar_change");
@@ -69,15 +82,16 @@ $(document).ready(function(){
 	/***************************    创建，编辑广告主    ***************************/
 	
 	//校验所属行业
-	$("#industryul_select_box").mouseleave(function(){
- 		$('#industry_son_ul').hide(); //ul隐藏
- 		if($("#industryId").val() == "" || $("#industryId").val() == 0){
-			$("#main_industryul").addClass("mainChange").attr("title","请选择所属行业");
-			$("#industryul_selectdiv").find('span.spanVaildate_ul').html("请选择所属行业");
-		}else{
-			$("#main_industryul").removeClass("mainChange").attr("title","");
-			$("#industryul_selectdiv").find('span.spanVaildate_ul').html("");
-		}
+	$("#selectIndustry").click(function(){
+		layer.open({
+		    type: 2,
+			title: '选择父行业',
+			shadeClose: false,
+			shade: 0.6,
+			fix:false,
+			area: ['680px','430px'],
+			content: [ctx+'/advertiser/main/ad/advertiser/getAllFatherIndustry', 'no']
+		});
  	});
 	
 	//初始化加载上传控件
@@ -103,8 +117,7 @@ $(document).ready(function(){
 			return false;
 		}
 		if($("#industryId").val() == "" || $("#industryId").val() == 0 ){
-			$("#main_industryul").addClass("mainChange").attr("title","请选择所属行业");
-			$("#industryul_selectdiv").find('span.spanVaildate_ul').html("请选择所属行业");
+			$("#industryul_selectdiv").find('span.spanVaildate').html("请选择行业");
 			return false;
 		}
 		$("#validateForm").submit();

src/main/webapp/assets/js/advertiser/advertiser_dialog.js

@@ -0,0 +1,70 @@
+$(document).ready(function(){
+	var ctx = $("#ctx").val();//获取服务器地址
+	var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+	
+	/***************************    选择行业    ***************************/
+	
+	if($("#fatherId").val() == "" && $("#industryId").val() != ""){
+		$('.industry_oper').val("上一步");
+		parent.layer.title("选择行业");
+		$('.industry_save').removeClass("industry_change");
+	}
+	if(($("#fatherId").val() == ""  && $("#industryId").val() == "" ) || ($("#fatherId").val() != "" && $("#industryId").val() == "")){
+		$('.industry_oper').val("下一步");
+		parent.layer.title("选择父行业");
+		$('.industry_save').addClass("industry_change");
+	}
+	
+	$(".industry_oper").click(function(){
+		if($(this).val() == "下一步"){
+			var industryId = $("#selectIndustryDiv input[name='industry']:checked").val();
+			if(industryId == undefined){
+				alert("请选择父行业之后，在进行下一步操作！");
+				return false;
+			}
+			$("#fatherId").val(parseInt(industryId));
+			$("#selectIndustryForm").attr("action", "getIndustry");
+			$('#selectIndustryForm').submit();
+		}else if($(this).val() == "上一步"){
+			$("#selectIndustryForm").attr("action", "getAllFatherIndustry");
+			$('#selectIndustryForm').submit();
+		}
+	});
+	
+	$(".industry_save").click(function(){
+		var industryId = $("#selectIndustryDiv input[name='industry']:checked").val();
+		if(industryId == undefined){
+			alert("请选择行业！");
+			return false;
+		}
+		parent.$('#industryFatherId').val($("#industryId").val());
+		parent.$('#industryId').val(industryId);
+		parent.$("#selectIndustry_span").text("已选择行业 —— "+ $("#selectIndustryDiv input[name='industry']:checked").attr("title"));
+		parent.$("#industryul_selectdiv").find('span.spanVaildate').html("");
+		parent.layer.close(index);//再执行关闭
+	});
+	
+	$("#selectIndustryDiv input[name='industry']").each(function(){
+		if($(this).val() == $('#fatherId').val() || $(this).val() == $('#industryId').val() || 
+				$(this).val() == parent.$('#industryFatherId').val() || $(this).val() == parent.$('#industryId').val()){
+			$(this).attr('checked',true);
+		}
+	});
+	
+	$("#selectIndustryDiv input[name='industry']").click(function(){
+		if($(".industry_oper").val() == "下一步"){
+			$('#industryId').val($(this).val());
+			$("#fatherId").val($(this).val());
+		}else if($(".industry_oper").val() == "上一步"){
+			$("#fatherId").val($(this).val());
+		}
+	});
+	
+	// 分页中超链接跳转
+	$('#selectIndustryForm .pagination ul li a[href]').click(function(){
+		var _page = $(this).attr('href').substr(1);
+		$('#selectIndustryForm').find('input:hidden[name="page"]').val(_page);
+		$('#selectIndustryForm').submit();
+	});
+
+});