내용으로 건너뛰기
EndOfSky WIKI
사용자 도구
로그인
사이트 도구
도구
문서 보기
이전 판
백링크
최근 바뀜
미디어 관리자
사이트맵
로그인
최근 바뀜
미디어 관리자
사이트맵
추적:
tech:common_module:01.javascript:paging.js
이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== KTKPaging.js ====== 파일 위치 /js JavaScript 레벨에서 페이징 구현을 할 수 있도록 하는 유틸 js ===== 특성 ===== 해당 js include시점에 다음의 명령어를 통해 KTKPaging 객체가 선언됨 <code> var KTKPaging = new clsPaging(); </code> ===== 주요 함수 설명 ===== ==== KTKPaging.action ==== JavaScript 배열을 객체로 넘겨 호출 ^ 이름 ^ 설명 ^ 속성 ^ | id | 페이징 parse 대상 id | 필수값 | | totalCount | 리스트의 전체 row 수 | 필수값 | | link | 페이징 클릭 시 링크 | 필수값 href, function 가능 | | page | 현재 페이지 | 선택값 (default : 1) | | rows | 한 페이지에 노출 될 row 수 | 선택값 (default : 10) | | pageGroup | 현 페이지 앞뒤로 노출 될 페이징 수 | 선택값 (default : 10) | | allView | 전체 페이징 노출 여부 | true / false, 선택값(default:false) | ==== KTKPaging.update ==== 기 선언되어 노출된 페이징 갱신 // (사용법은 KTKPaging.action과 동일) // ===== 사용 예제 ===== <code javascript javascript선언부 [예제 1] 페이지 link에 href 적용 할 경우.js> <script src="/js/common.js"></script> // KTKPaging.js 호출 전에 common.js가 필수로 호출되어 있어야 함 <script src="/js/KTKPaging.js"></script> KTKPaging.action({ id : "paging" , totalCount : setNumber('<?=$totalCnt?>') , page : setNumber('<?=$page?>') , allView : true , pageGroup : 5 , rows : 15 , link : "?page={{page}}" // 페이징에 href 링크 적용 시 }); </code> <code javascript javascript선언부 [예제 2] 페이지 link에 function 적용 할 경우.js> <script src="/js/common.js"></script> // KTKPaging.js 호출 전에 common.js가 필수로 호출되어 있어야 함 <script src="/js/KTKPaging.js"></script> KTKPaging.action({ id : "paging" , totalCount : setNumber('<?=$totalCnt?>') , page : setNumber('<?=$page?>') , allView : true , pageGroup : 5 , rows : 15 , link : function(page) { showList(page); } // 페이징에 onClick 적용 }); </code> <code html 본문 페이징 html 구현 부.html> <ul class="pagination active-black" id="paging" style="display: none;"> <li class="paginate_button previous first_page"><a href="#none" class="first">first</a></li> <li class="paginate_button prev_page"><a href="#none" class="prev">prev</a></li> <li class="paginate_button active now_index"><a href="#none">{{num}}</a></li> <li class="paginate_button normal_index"><a href="#none" page="{{num}}">{{num}}</a></li> <li class="paginate_button next_page"><a href="#none" class="next">next</a></li> <li class="paginate_button next last_page"><a href="#none" class="last">last</a></li> </ul> </code>
tech/common_module/01.javascript/paging.js.txt
· 마지막으로 수정됨: 2019/01/09 19:51 (바깥 편집)
문서 도구
문서 보기
이전 판
백링크
맨 위로