목록(list) 페이지에서 Search,View,기타 Action의 form submit 처리 방법

목록(list) 페이지에서 Search,View,기타 Action의 form submit 처리 방법

 

- 하나의 form을 Search,View,기타 Action에서 공통으로 이용함,

- 같이 가져가야 할 Parameter들 관리/처리 용이

 

공통 Form 선언, 자바스크립트/jQuery 로 공통 처리, 페이지에 자바스크립트/jQuery Call

 

작업1. Form 선언

<form name="frmData" id="frmData" method="post" action="액션페이지.aspx"> <input type="hidden" name="pagenum" id="pagenum" value="<%=pagenum%>" /> <input type="hidden" name="searchtype" id="searchtype" value="<%=searchtype%>"/> <input type="hidden" name="searchword" id="searchword" value="<%=searchword%>"/> <input type="hidden" name="sort" id="sort" value="<%=sort%>"/> <input type="hidden" name="key" id="key" value="<%=key%>"/> </form>

 

 

작업2. 자바스크립트 및 jQuey 부분

<script language="javascript" type="text/javascript"> <!-- jQuery.noConflict(); jQuery(document).ready(function () { // // 조회 버튼 클릭 // jQuery('#btnsearch').click(function () { jQuery("#pagenum").val(''); var searchtype = jQuery(':radio[name="rdo_searchtype"]:checked').val(); jQuery("#searchtype").val(searchtype); var searchword = jQuery('#search_searchword').val(); jQuery("#searchword").val(searchword); var sort = jQuery('#search_sort').val(); jQuery("#sort").val(sort); // jQuery('form[name=frmData]').attr('action', '액션페이지.aspx'); // action 값 변경 jQuery("#frmData").submit(); }); // // 기타링크 // jQuery('#btntest').click(function () { jQuery("#nPage").val(''); jQuery("#searchword").val(""); jQuery("#frmData").submit(); }); }); // // 리스트 클릭 // function goView(key) { var frm = document.frmData; //frm.action = "액션페이지.aspx"; frm.key.value = key; frm.submit(); } //--> </script>

 

 

작업3. 페이지에 적용

<!-- ..... 검색 모듈 .....--> <div class="search"> <input type="radio" name="rdo_searchtype" id="rdo_searchtype1" value="1" <%if (searchtype =="1") {%>checked<%} %>> <label for="radio1">타입1</label> <input type="radio" name="rdo_searchtype" id="rdo_searchtype2" value="2" class="mL10" <%if (searchtype =="2") {%>checked<%} %>> <label for="radio2">타입2</label> <input type="radio" name="rdo_searchtype" id="rdo_searchtype3" value="3" class="mL10" <%if (searchtype =="3") {%>checked<%} %>> <label for="radio3">타입3</label> <input name="search_searchword" id="search_searchword" type="text" value="<%=searchword%>" class="input_text03"> <input name="btnsearch" id="btnsearch" type="image" src="./images/btn_search.gif" alt="검색" style="padding-right:5px;"> <select name="search_sort" id="search_sort" class="select03"> <option value="0" <%if (sort =="0") {%>selected<%} %>>정렬1 </option> <option value="1" <%if (sort =="1") {%>selected<%} %>>정렬2</option> <option value="2" <%if (sort =="2") {%>selected<%} %>>정렬3</option> </select> </div> <!-- ..... 리스트 모듈, View .....--> <a href="javascript:goView('<%=key%>')"><%=title %></a>