검색 - 카테고리 필터 추가

src/main/webapp/WEB-INF/views/web/display/SearchGoodsListFormWeb.html

@@ -904,22 +904,22 @@
 			let tag = '';
 			if(cate1 != null){
 				tag += '<li>\n';
-				tag += '	<a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
+				tag += '	<a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\');" cateFullNm="'+cate1.cate1Nm+'" data-open="N" data-depth="1" data1="'+cate1.cate1No+'" data-value="'+cate1.cate1No+'">'+cate1.cate1Nm+'</a>';
 				if(cate1.leafYn == 'N' && cate1.cate2List.length > 0){
 					tag += '<div class="sub_cate">\n';
 					tag += '	<ul>\n';
 					$.each(cate1.cate2List, function (idx2,cate2){
-						tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
+						tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'" data-open="N" data-depth="2" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data-value="'+cate2.cate2No+'">'+cate2.cate2Nm+'</a>\n';
 						if(cate2.leafYn == 'N' && cate2.cate3List.length > 0){
 							tag += '<div class="sub_cate">\n';
 							tag += '	<ul>\n';
 							$.each(cate2.cate3List, function (idx3,cate3){
-								tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
+								tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'" data-open="N" data-depth="3" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data-value="'+cate3.cate3No+'">'+cate3.cate3Nm+'</a>\n';
 								if(cate3.leafYn == 'N' && cate3.cate4List.length >0){
 									tag += '<div class="sub_cate">\n';
 									tag += '	<ul>\n';
 									$.each(cate3.cate4List, function (idx4,cate4){
-										tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
+										tag += '<li><a href="javascript:void(0);" onclick="fnSetCateTest(this, \'off\', \''+cate1.cate1No+'\',\''+cate2.cate2No+'\',\''+cate3.cate3No+'\',\''+cate4.cate4No+'\');" cateFullNm="'+cate1.cate1Nm+'>'+cate2.cate2Nm+'>'+cate3.cate3Nm+'>'+cate4.cate4Nm+'" data-open="N" data-depth="4" data1="'+cate1.cate1No+'" data2="'+cate2.cate2No+'" data3="'+cate3.cate3No+'" data4="'+cate4.cate4No+'" data-value="'+cate4.cate4No+'">'+cate4.cate4Nm+'</a>\n';
 										/*if(cate4.leafYn = 'N' && cate4.cate5List.length>0){
 											tag += '<div class="sub_cate">\n';
 											tag += '	<ul>\n';

src/main/webapp/biz/search.js

@@ -461,6 +461,7 @@ var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, c
 	gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
 
 	$("#ulAllCate").find('li > a').each(function (){
+		$(this).parent().find('li').removeClass("on");
 		$(this).removeClass("on");
 		$(this).attr('onclick','fnSetCateTest(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
 	});
@@ -468,27 +469,43 @@ var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, c
 	if(status=='on'){
 		// 필터 제거
 		filterStatHtml = '';
-
 		if($(obj).attr('data-depth') > 1){
-			// 상위카테고리 선택
-			let dep = $(obj).attr('data-depth') - 1;
-			if(dep>1){
-				$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').click();
-			}else{
-				$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').click();
-				$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').parent().find('.sub_cate').css('display','block');
-			}
+			$(obj).attr('onclick','fnSetCateTest(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).removeClass("on");
+			$(obj).click();
 			gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
 			filterStatHtml = $("#filterData").html();
+			// 상위카테고리 선택
+			// let dep = $(obj).attr('data-depth') - 1;
+			// if(dep>1){
+			// 	$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').click();
+			// }else{
+			// 	$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').click();
+			// 	$(obj).parent().parent().parent().parent().find('[data-depth='+dep+']').parent().find('.sub_cate').css('display','block');
+			// }
+			// gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
+			// filterStatHtml = $("#filterData").html();
 		}else{
-			console.log('28');
 			gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
 			filterStatHtml = $("#filterData").html();
 			fnSetCateFilter('', '', '', '', '');
 		}
 	}else{
-		$(obj).attr('onclick','fnSetCateTest(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
-		$(obj).addClass("on");
+		if($(obj).attr('data-depth')==1){
+			$("#ulAllCate").find('li > a').each(function (){
+				$(this).parent().find('li').removeClass("on");
+				$(this).removeClass("on");
+				$(this).attr('onclick','fnSetCateTest(this, \'off\','+$(this).attr('data1')+','+$(this).attr('data2')+','+$(this).attr('data3')+','+$(this).attr('data4')+','+$(this).attr('data5')+');');
+			});
+			$("#ulAllCate").find('li').each(function (){
+				$(this).find('.sub_cate').css('display','none');
+			});
+			$(obj).attr('onclick','fnSetCateTest(this, \'off\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).addClass("on");
+		}else{
+			$(obj).attr('onclick','fnSetCateTest(this, \'on\','+$(obj).attr('data1')+','+$(obj).attr('data2')+','+$(obj).attr('data3')+','+$(obj).attr('data4')+','+$(obj).attr('data5')+');');
+			$(obj).addClass("on");
+		}
 		let tag = '';
 		let cateNm = '';
 		tag += '<span id="categorySpan">\n';
@@ -518,7 +535,6 @@ var fnSetCateTest = function (obj, status, cate1No, cate2No, cate3No, cate4No, c
 		gagaInfiniteScroll.pageStatus.filterStatHtml = filterStatHtml;
 		fnSetCateFilter(cate1No, cate2No, cate3No, cate4No, cate5No);
 	}
-	
 }
 
 var fnDeleteCategoryFilter = function (obj){