ajaxtags tabPanel 내부 tab 영역에서 검색하기(ajax)
- 작성자 :
- 문*덕
- 작성일 :
- 2015-05-07 19:45:35
- 조회수 :
- 696
- 구분 :
- 실행환경
- 진행상태 :
- 완료
Q
아래 답변은 잘 받아보았습니다.
제가 질문을 애매하게 했나봅니다. 그래서 소스도 첨부해 드린 것인데..
즉 tab은 ajaxtags 로 처리되고
그 콘텐츠 안에서 form 을 넣고 검색어를 입력하여 검색하는 기능을 ajax로 하려고 합니다.
즉 우편번호 검색하는 것을
지번 우편번호 검색과 도로명 우편검색을 tab으로 나누고
각 tab으로 들어가서 검색을 하면 $.post 방식으로 url을 보내면
컨트롤러에서 파라미터로 들어온 tabType을 통해서 분기하여 처리하려고 합니다.
최초에 검색을 하지 않았을 땐 각 탭을 누르면 전환이 되며 파라미터인 tabType도 정상적으로 들어옵니다.
그런데 tab 안에서 검색(form, ajax)하면 목록이 나오고
텝을 누르면 전환이 되지 않습니다.
즉 tab을 누르면 영역에 바로 데이터를 보여주는 것이 아니라
tab을 누르면 검색 form(input)이 보이고 검색어를 입력하여 ajax로 데이터를 받아와서 영역에 출력합니다.
출력 후에 tab을 누르면 request도 진행이 되고 tabType 파라미터도 정상적으로 들어오는데
검색하기 전의 초기화면으로(tab 다른걸로 바뀌었으니) 나오며 tab 전환이 되어야 하는데 그렇지 않고
조회를 하고 나면 다른 tab을 눌러도 그 조회결과 그 tab 그대로 있습니다..
paneltab 이 ajax로 처리가 되고.. 그안에서 다시 ajax로 처리가 되니 겉에서 아무리 실행을 해도 내부에 있는 ajax 부분이 남아 있거나
바깥쪽 ajaxtags를 막고 있는게 아닌가 싶기도하고..
시간이 되시면 간단히 세팅하셔서 이전에 드린 소스 실행해보시면 확인이 가능하실겁니다...
공공데이터 포털에서 우편번호 데이터 xml로 받아서 파싱하여 처리하는데 servicekey도 그대로 두었습니다..
제가 질문을 애매하게 했나봅니다. 그래서 소스도 첨부해 드린 것인데..
즉 tab은 ajaxtags 로 처리되고
그 콘텐츠 안에서 form 을 넣고 검색어를 입력하여 검색하는 기능을 ajax로 하려고 합니다.
즉 우편번호 검색하는 것을
지번 우편번호 검색과 도로명 우편검색을 tab으로 나누고
각 tab으로 들어가서 검색을 하면 $.post 방식으로 url을 보내면
컨트롤러에서 파라미터로 들어온 tabType을 통해서 분기하여 처리하려고 합니다.
최초에 검색을 하지 않았을 땐 각 탭을 누르면 전환이 되며 파라미터인 tabType도 정상적으로 들어옵니다.
그런데 tab 안에서 검색(form, ajax)하면 목록이 나오고
텝을 누르면 전환이 되지 않습니다.
즉 tab을 누르면 영역에 바로 데이터를 보여주는 것이 아니라
tab을 누르면 검색 form(input)이 보이고 검색어를 입력하여 ajax로 데이터를 받아와서 영역에 출력합니다.
출력 후에 tab을 누르면 request도 진행이 되고 tabType 파라미터도 정상적으로 들어오는데
검색하기 전의 초기화면으로(tab 다른걸로 바뀌었으니) 나오며 tab 전환이 되어야 하는데 그렇지 않고
조회를 하고 나면 다른 tab을 눌러도 그 조회결과 그 tab 그대로 있습니다..
paneltab 이 ajax로 처리가 되고.. 그안에서 다시 ajax로 처리가 되니 겉에서 아무리 실행을 해도 내부에 있는 ajax 부분이 남아 있거나
바깥쪽 ajaxtags를 막고 있는게 아닌가 싶기도하고..
시간이 되시면 간단히 세팅하셔서 이전에 드린 소스 실행해보시면 확인이 가능하실겁니다...
공공데이터 포털에서 우편번호 데이터 xml로 받아서 파싱하여 처리하는데 servicekey도 그대로 두었습니다..
A
문종덕님 안녕하세요. 표준프레임워크센터입니다.
개인적인 한계인지 모르겠으나, 문의하신 질문의 오류현상을 명확히 파악하기가 어렵습니다.
하지만, 전체적인 문맥으로 보아 업무처리과정에서 발생한 문제의 질문으로 보입니다.
유감스럽지만, 센터 지원에 있어 비지니스 로직상의 문제를 검토하기에는 한계가 있음을 양해 드립니다.
기술적인 부분이나 공통컴포넌트 사용상의 오류, 사용방법 등의 질문은 원인파악이 비교적 용이하여
단답형태의 지원이 가능하지만, 질문과 같이 업무단의 경우 답변에 제한이 될 수 있습니다.
도움이 되지 못하여 죄송합니다.
감사합니다.
P.S
문의하신 내용을 참고하여
저희 표준프레임워크에서 제공하는 lab303-easycompany-tutor 프로젝트에
http://localhost:8080/lab303-easycompany-tutor/employeeList.do 서비스 페이지를 대상으로
[http://ajaxtags.sourceforge.net/usage.html] 사이트에서 제공하는 셈플코드를 url만 수정하여 적용한 결과
<ajax:tabPanel
id="ajaxCurrentTab">
<ajax:tab caption="Ford"
baseUrl="${pageContext.request.contextPath}/insertEmployee.do"
defaultTab="true"/>
<ajax:tab caption="Honda"
baseUrl="${pageContext.request.contextPath}//insertEmployee.do"
parameters="make=honda"/>
<ajax:tab caption="Mazda"
baseUrl="${pageContext.request.contextPath}//insertEmployee.do"
parameters="make=mazda"/>
</ajax:tabPanel>
tab표시가 정상적으로 철기됩니다. 기능상의 문제는 아닌것으로 보입니다.
참고바랍니다.
개인적인 한계인지 모르겠으나, 문의하신 질문의 오류현상을 명확히 파악하기가 어렵습니다.
하지만, 전체적인 문맥으로 보아 업무처리과정에서 발생한 문제의 질문으로 보입니다.
유감스럽지만, 센터 지원에 있어 비지니스 로직상의 문제를 검토하기에는 한계가 있음을 양해 드립니다.
기술적인 부분이나 공통컴포넌트 사용상의 오류, 사용방법 등의 질문은 원인파악이 비교적 용이하여
단답형태의 지원이 가능하지만, 질문과 같이 업무단의 경우 답변에 제한이 될 수 있습니다.
도움이 되지 못하여 죄송합니다.
감사합니다.
P.S
문의하신 내용을 참고하여
저희 표준프레임워크에서 제공하는 lab303-easycompany-tutor 프로젝트에
http://localhost:8080/lab303-easycompany-tutor/employeeList.do 서비스 페이지를 대상으로
[http://ajaxtags.sourceforge.net/usage.html] 사이트에서 제공하는 셈플코드를 url만 수정하여 적용한 결과
<ajax:tabPanel
id="ajaxCurrentTab">
<ajax:tab caption="Ford"
baseUrl="${pageContext.request.contextPath}/insertEmployee.do"
defaultTab="true"/>
<ajax:tab caption="Honda"
baseUrl="${pageContext.request.contextPath}//insertEmployee.do"
parameters="make=honda"/>
<ajax:tab caption="Mazda"
baseUrl="${pageContext.request.contextPath}//insertEmployee.do"
parameters="make=mazda"/>
</ajax:tabPanel>
tab표시가 정상적으로 철기됩니다. 기능상의 문제는 아닌것으로 보입니다.
참고바랍니다.