mindol1004/Blog_Project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Spring][쇼핑몰 프로젝트][34] 검색 필터링 기능 - 4

Browse Source 
https://kimvampa.tistory.com/256
This commit is contained in:
SeoJin Kim
2021-10-08 19:25:10 +09:00
parent c475310095
commit 47613d9ff7
2 changed files with 59 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
VamPa/src/main/webapp/WEB-INF/views/search.jsp
View File

@@ -98,20 +98,18 @@
</div>
<div class="filter_content filter_a">
<a>테스트용1</a>
<a>테스트용2</a>
<a>테스트용3</a>
<a>테스트용4</a>
<a>테스트용5</a>
<a>테스트용6</a>
<c:forEach items="${filter_info}" var="filter">
<c:if test="${filter.cateGroup eq '1'}">
<a href="${filter.cateCode}">${filter.cateName}(${filter.cateCount})</a>
</c:if>
</c:forEach>
</div>
<div class="filter_content filter_b">
<a>테스트용1</a>
<a>테스트용2</a>
<a>테스트용3</a>
<a>테스트용4</a>
<a>테스트용5</a>
<a>테스트용6</a>
<c:forEach items="${filter_info}" var="filter">
<c:if test="${filter.cateGroup eq '2'}">
<a href="${filter.cateCode}">${filter.cateName}(${filter.cateCount})</a>
</c:if>
</c:forEach>
</div>
<form id="filter_form" action="/search" method="get" >
@@ -312,6 +310,26 @@
buttonA.attr("class", "filter_button");
});
/* 필터링 태그 동작 */
$(".filter_content a").on("click", function(e){
e.preventDefault();
let type = '<c:out value="${pageMaker.cri.type}"/>';
if(type === 'A' || type === 'T'){
type = type + 'C';
}
let keyword = '<c:out value="${pageMaker.cri.keyword}"/>';
let cateCode= $(this).attr("href");
$("#filter_form input[name='keyword']").val(keyword);
$("#filter_form input[name='cateCode']").val(cateCode);
$("#filter_form input[name='type']").val(type);
$("#filter_form").submit();
});
$(document).ready(function(){
// 검색 타입 selected

42
VamPa_MySQL/src/main/webapp/WEB-INF/views/search.jsp
View File

@@ -98,20 +98,18 @@
</div>
<div class="filter_content filter_a">
<a>테스트용1</a>
<a>테스트용2</a>
<a>테스트용3</a>
<a>테스트용4</a>
<a>테스트용5</a>
<a>테스트용6</a>
<c:forEach items="${filter_info}" var="filter">
<c:if test="${filter.cateGroup eq '1'}">
<a href="${filter.cateCode}">${filter.cateName}(${filter.cateCount})</a>
</c:if>
</c:forEach>
</div>
<div class="filter_content filter_b">
<a>테스트용1</a>
<a>테스트용2</a>
<a>테스트용3</a>
<a>테스트용4</a>
<a>테스트용5</a>
<a>테스트용6</a>
<c:forEach items="${filter_info}" var="filter">
<c:if test="${filter.cateGroup eq '2'}">
<a href="${filter.cateCode}">${filter.cateName}(${filter.cateCount})</a>
</c:if>
</c:forEach>
</div>
<form id="filter_form" action="/search" method="get" >
@@ -120,7 +118,7 @@
<input type="hidden" name="type">
</form>
</div>
</div>
<div class="list_search_result">
<table class="type_list">
@@ -310,6 +308,24 @@
buttonA.attr("class", "filter_button");
});
/* 필터링 태그 동작 */
$(".filter_content a").on("click", function(e){
e.preventDefault();
let type = '<c:out value="${pageMaker.cri.type}"/>';
if(type === 'A' || type === 'T'){
type = type + 'C';
}
let keyword = '<c:out value="${pageMaker.cri.keyword}"/>';
let cateCode= $(this).attr("href");
$("#filter_form input[name='keyword']").val(keyword);
$("#filter_form input[name='cateCode']").val(cateCode);
$("#filter_form input[name='type']").val(type);
$("#filter_form").submit();
});
$(document).ready(function(){