일상_자기계발

DataTable의 ajax 를 사용하면 서버로 파라미터 값들을 보내주는데 나는 파라미터 그대로 while 반복문을 사용해서 추출했었다..!(1차 내용) 그런데 @RequestBody MultiValueMap를 사용해서 Map으로 받을 수 있는 부분이 신기 방기했고 (2차 내용) MultiValueMap를 사용하지 않고 간편하게 추출할 수 있다.(3차 내용) 내용 수정을 할 수 있도록 곧 하겠씁니다. https://zamezzz.tistory.com/310 [JavaScript #11] dataTables 사용하기 (2) ● dataTables - 2 오늘은 지난 포스팅에 이어 dataTables의 server-side processing에 대해서 정리하겠습니다. 너무 많은 데이터 행을 처리할 때는 너무..

💡 데이터 테이블 컬럼별 검색 및 검색 초기화 방법 에 대해 작성해 보았습니다. (※ 정답이 아닐 수 있습니다. 저만의 방법으로 구현했습니다.) 빠른 결론: 컬럼마다 값을 초기화하고 테이블을 draw 하는 방법이다. HTML 준비 검색에 필요한 컬럼 개수만큼 th 태그를 직접 생성해야 한다. ... 필요한 개수 만큼 ... DataTable 컬럼 생성 target_table의 Id를 가진 테이블 태그의 thead tr을 복사(clone)하고 추가(appendTo)하게 된다. target_table 테이블의 thead tr 중 첫 번째에서 th를 반복문(each)으로 호출하고 html을 추가한다. $('#target_table thead tr').clone(true).appendTo('#target_tab..

관련 기능 paging: 페이지 네이션 기능으로 전체 데이터를 나눠서 볼 수 있게 하는 기능이다. lengthChange: 사용자가 화면에서 페이지 당 몇 개의 데이터를 볼 수 있을지 설정할 수 있다. pageLength: 개발자가 코드에서 페이지 당 몇 개의 데이터를 볼 수 있을지 설정할 수 있다. 문제점 서버에서는 DB의 전체 데이터를 불러 왔지만, 화면(프론트)에서 10개밖에 보이지 않는다면? 해결 방법 두 개의 설정을 모두 false로 하면 전체 리스트 개수가 보이게 됩니다. paging과 lengthChange 기능은 default가 true 입니다. paging: false, lengthChange: false paging 이 비활성화이면 lengthChange 도 자동으로 비활성화가 되는 것..

on 을 메서드라고 불러도 되는지 정확히 모르겠지만, 해당 글에서는 메서드라고 표현을 하겠다. on 메서드가 당연히 자바스크립트로 생각했지만, jQuery 에서 사용하는 메서드라는 것을 알고 너무 놀라 정리를 해보았다. Ps. $("#test").on(생략) 이면 당연히 jQuery 인데... (조금 멍청했다..) on 메서드 Description: Attach an event handler function for one or more events to the selected elements. 필수 매개변수: events, handler 선택 매개변수: selector, data .on( events [, selector ] [, data ], handler ) Example 아래 두 코드를 비교했을 때..