개발자의 끄적끄적

[javascript/jquery] 자바스크립트 숫자 콤마 찍는 함수 javascript 에서 금액과 같은 숫자를 표기할때 3자리 마다 콤마(,)를 찍어서 표기해야 하는데요 그럴때, 아래 함수를 이용하시면 됩니다! function number_format(num){ return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g,','); } 위에 보이는 number_format 함수를 선언하고 콤마를 찍을 숫자를 num 값 대신 전달하면 콤마가 찍힌 수를 반환 받게 됩니다! 참고들 하세요!

[javascript/jquery] jquery datatable Cannot read property 'sWidth' of undefined 에러 해결 방법 jquery datatable 를 사용하여 데이터를 테이블에 표시하다보면 아래와 같은 에러가 발생하는 경우가 있습니다. Cannot read property 'sWidth' of undefined 위 에러의 원인은 여러가지가 있을수도 있겠지만, 제가 경험한 바로는 ajax 에서 가져와서 세팅하는 column 의 갯수와 실제 테이블에 구성이 되어있는 column 의 갯수가 일치하지 않을때 나타나는 경우였습니다. 일단 위 에러가 보이면, 바로 스크립트의 컬럼수와 테이블의 컬럼수를 비교해보시면 해결하실 수 있을겁니다. 참고들 하세요!

[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 객체가 새로 생성될때마다 이전 객체를 죽이고 다시 만들어 냅니다! 따라서 새로운 내용이 반영된 테이블을 그자리에 다시 그릴수 있게 됩니다! 참고들 하세요!