반응형 개발/javascript16 checkbox 일괄선택 제어 라이브러리 checkboxes.js 네이버메일을 사용해보면 메일목록에 있는 체크박스를 shift 키로 컨트롤해 일괄선택이나 부분취소등을 자유롭게 사용할 수 있습니다 이걸 구현해주는 라이브러리가 없을까 해서 찾아보니 jquery 라이브러리에 checkboxes.js 라는 라이브러리로 구현가능합니다 http://rmariuzzo.github.io/checkboxes.js/#checking-all-checkboxes checkboxes.js - Check, uncheck, toggle, range selection with SHIFT key, limit number of checked checkboxes and more rmariuzzo.github.io 아래 gif 이미지처럼 (캡쳐화면이라 마우스 포인터는 안보입니다) shift키를 누른채로 .. 2022. 2. 25. ajax 로 받은 json 배열데이터 변환하여 사용하기 서버단에서의 처리는 따로 없지만 넘어오는 데이터는 json 배열 데이터라고 가정했을때 간편하게 처리하기 위해 이렇게 사용합니다 table 에 연속된 값을 채워주거나 할때는 $.each 에서 처리해주면 됩니다 let url = 'test-url.jsp'; // 주소 let data = {'id':testuser, 'pw':test54321}; // 전송데이터 $.post(url, data}) .done(function(data){ // 성공시 처리 left jsonData = JSON.parse(data); // 받아온 json data를 javaScript 변수로 전환 // 배열안에 담겨진 내용을 $.each 로 처리 $.each(jsonData, function( index , data ) { cons.. 2022. 2. 16. jquery ajax post 사용법 및 에러처리 jquery 버전이 3을 넘어가면서 ajax에 대한 예외처리가 간단해졌습니다 .fail 에서 다 처리하고 jqXHR 부분에서 에러코드를 컨트롤해 예외처리를 합니다 $.ajax 로 사용하는 방식도 있으나 요즘 get 으로 데이터 보낼일이 거의 없어서 저는 보통 아래처럼 post 방식만 사용합니다 let url = 'test-url.jsp'; // 주소 let data = {'id':testuser, 'pw':test54321}; // 전송데이터 $.post(url, data}) .done(function(){ // 성공시 처리 alert("등록완료"); }) .fail(function(jqXHR, textStatus, errorThrown){ // 실패시 처리 console.log(jqXHR.status).. 2022. 2. 16. Datatables Cannot read properties of undefined (reading 'mData') 에러 DataTables를 table에 적용하려고 하는데 이 에러가 나오면서 스트립트 문제인줄 알고 한참을 해맸는데 html table 구조에 thead 태그나 tbody 태그가 없으면 나타나는 에러입니다 예를 들어 아래같이 thead tbody를 빼고 작성하면 안되고 컬럼1 컬럼2 내용1 내용2 이렇게 thead 와 tbody 가 존재해야 에러가 나지 않습니다 컬럼1 컬럼2 내용1 내용2 또는 아래처럼 thead 의 th 태그는 2개인데 tbody부분의 td 는 3개죠 이렇게 열이 일치하지 않을경우에도 에러 납니다 컬럼1 컬럼2 내용1 내용2 내용3 2022. 2. 15. 이전 1 2 3 4 다음 728x90
