본문 바로가기
활동/팀 프로젝트

팀 프로젝트[고기당] : (4.내 작업)(8) 검색 필터 중복 선택 및 출력

by dokii 2021. 1. 11.
728x90

1.

일단, 중복되지않도록 코드를 짰으나...

항목끼리는 중복되지않지만, 다른 항목이라면 영향을 받지않아야하므로.

지역/품목/부위 등의 항목에 각각 다른 name을 주어야한다.

그렇게되면 이제 ajax에서 name으로 나누어 각각 또 만들어야하고.. 

 

사실은 중복처리하는게 어려울것같아 중복불가하도록 하였으나

결국은 중복 선택이 가능하도록 해야 원하는대로 할 수 있을것 같았다.

 

결국 변경.

검색 필터 항목 중복 불가(변경 전) -> 검색 필터 항목 중복 가능(변경 후)

 


2.

이제 지역이란 항목에서 중복 선택이 가능해졌고, 그걸 배열로 받는 작업을 하였다. 

자꾸만

serviceimpl에서 걸려서 오류가 떴다.

경고창에는 ajax통신에러 라는게 나왔다.

에러도 캡쳐안해놔서 사진이없지만...

콘솔창에 serviceimpl [어쩌구저쩌구데이터주소

이렇게까지는 뜨고 그다음부터 진행이 안되었다. 

index라는 파라메터를 찾을수 없어~ 라는 오류들이 떴다.


3.

문제해결

 

우선 jsp에서 체크박스를 눌렀을때 기능하도록 한 코드부분을 분리시켜주었다.

원래는 아래 ajax와 하나로 묶여있었는데, 분리시켰다. 이게 오류를 잡는데 의미가 있었는지는 확인이 필요하다.

 

 

 

그리고, 파라미터 타입과 출력해야하는 변수값을 item으로 바꾸어주었다.

처음에 오류가나서 바꾸다보니 #{array[index]}로 작성하였으나, 계속 파라미터를 못찾는다고 했다.

이로써,

지역은 중복선택이 가능하고 그들의 합집합이 결과로 나온다.

그리고 체크박스를 한번 더 누르면 진행했던 이벤트를 취소할수 있다.

 

어찌저찌 구현은 했으나 이해가 잘 가지 않는 부분이 많다.

더 진행하면서 자연스럽게 이해가되겠지?? 

추가로 원하는 기능

1. 필터는 지역/품목/부위를 선택하여 적용시킬수 있다. 처음 해당 리스트 페이지 접속시 "전체"가 체크되며 나타난다.
2. 체크박스를 누르자마자 필터조건이 적용되어 하단에 리스트가 뜰것.(완료)
3. 각각의 항목은 선택할수도, 미 선택일수도 있다. (단, 미선택일 시에는 디폴트 값이 나온다. 디폴트값은 전체임.)
4. 부위는 소고기/돼지고기별로 각각 다르므로 품목선택시 부위항목이 변한다.


위의 기능은 하나도 못했다.

근데 이게 생각보다 디테일이 너무너무 많아서 ^^

728x90

댓글