개발자의 끄적끄적

[javascript/jquery] datatable order by null 처리 방법 jquery datatable 에서 초기 정렬값이 자동으로 설정이 되어 있어서 불편한 경우가 있습니다. 즉 테이블의 맨 첫칸을 체크박스로 체크된것들을 컨트롤 하고자해서 만들었는데 정렬제외 옵션을 주어도 초기 1회로드시에는 정렬이 되는 경우가 있습니다! 그럴때는 아래와 같이 order 옵션을 빈값으로 추가해주면 됩니다. $("TARGET").DataTable({ order: [], ... }); 위와 같이 옵션을 주게 되면 넘겨받는 컨트롤러에서 order 값이 빈값으로 확인이 되어 정렬에서 제외시키는 로직을 구성할 수 있습니다! 참고들 하세요!

[javascript/jquery] datatable order by exception / 필드별 정렬 제외 방법 jquery datatable 에서 정렬을 필드별로 허용하거나 불가능하게 설정하거나 하고싶을때 아래처럼 columns 에 컬럼별로 옵션을 주면 해당 컬럼은 정렬에서 제외 시킬수 있습니다! columns: [ {"orderable": false, "data": "name"}, ... ], 위 내용 보시면 아시겠지만, 정렬조건에서 제외하고자 하는 컬럼 앞에 orderable: false 라는 옵션을 추가해주면 해당 컬럼은 정렬조건에서 제외되게 됩니다! 참고들 하세요!

[javascript/jquery] checkbox not checked count / 체크박스 체크안된 갯수 구하는 방법 javascript / jquery 에서 체크박스들이 체크 되어있는지 / 체크되어있지 확인하려면 체크박스 요소들을 가지고 와서 체크가 되어있는지 / 체크가 안되어 있는지 확인할 수도 있지만, 요소들의 체크상태가 체크되어있지 않은 상태의 갯수를 구할 수도 있습니다! var checked\_cnt = $('input\[name="ck\[\]"\]:not(":checked")').length; console.log(checked\_cnt); 위 내용 보시면 아시겠지만, input 태그중 ck[] 라는 name 를 가진 체크박스들 중 체크되어있지 않는 요소들의 갯수를 반환합니다. 따라서 c..

[javascript/jquery] checkbox checked count / 체크박스 체크된 수 구하는 방법 javascript / jquery 에서 체크박스들이 체크 되어있는지 확인하려면 체크박스 요소들을 가지고 와서 체크가 되어있는지 확인할 수도 있지만, 요소들의 체크상태가 체크되어있는 상태의 갯수를 구할 수도 있습니다! var checked_cnt = $('input[name="ck[]"]:checked').length; console.log(checked_cnt); 위 내용 보시면 아시겠지만, input 태그중 ck[] 라는 name 를 가진 체크박스들 중 checked 상태인 요소들의 갯수를 반환합니다. 따라서 checked_cnt 를 출력하면 체크된 갯수가 출력되게 됩니다!! 참고들 하세요!!

[javascript/jquery] prompt example / 사용자한테 값 입력받기 javascript 에서 사용자에서 특정 값을 입력받아서 처리를 해야할때 사용하는게 prompt 라는 함수 입니다. 아래는 기본 사용법입니다. var inputString = prompt(제목, 기본값); 위 기본사용법을 이용해서 아래처럼 작업 후 실행하면 var inputString = prompt('내용을 입력해 주세요.', '내용'); 아래와 같은 이미지가 나오게 됩니다. 위 내용을 보시고 참고하셔서 사용하시면 됩니다! 참고로! 스크립트에서 받은 한글값은 깨져서 encode / decode 를 활용해야 합니다! 참고들 하세요!

[javascript/jquery] datatable reinitialize / datatable 재생성 방법 jquery datatable 을 사용하여 게시판형태의 기능을 연동할 때 특정 검색기능을 이용해서 해당 테이블이 새로고침 되게 연동을 해야하는 경우가 있습니다! 그럴때는 아래 옵션을 추가하면 됩니다! destroy: true, 위 내용처럼 destroy 옵션을 true 로 설정하면 기존에 생성되어있던 datatable 객체가 새로 생성될때마다 이전 객체를 죽이고 다시 만들어 냅니다! 따라서 새로운 내용이 반영된 테이블을 그자리에 다시 그릴수 있게 됩니다! 참고들 하세요!

[javascript/jquery] element chileNodes / 자바스크립트 자식 요소 찾는 방법 javascript 에서 특정 element 의 자식 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 childNodes 를 사용하면 됩니다. var element = document.getElementById('name'); var child = element.childNodes; 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.childNodes를 사용하여 자식정보들을 가져와서 child 라는 변수에 담는 내용입니다. 참고들 하세요!

[javascript/jquery] javascript grandParent element 찾는 방법 javascript 에서 특정 element 의 부모 요소나 부모의 부모 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 parentNode 를 사용하면 됩니다. var element = document.getElementById('name'); var parent = element.parentNode; var grandParent = parent.parentNode 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.parentNode 를 사용하여 부모정보를 가져와서 parent 라는 변수에 담고 parent 에서 한번더 parentNode..