언어의 온도/javascript&jquery
-
DataTable json 엑셀다운로드언어의 온도/javascript&jquery 2023. 3. 22. 13:10
* 데이터테이블(DataTable) 에서 바로 ajax 처리하는경우 엑셀 다운로드를 붙여보자 ▶ 엑셀다운로드 버튼 생성 엑셀다운로드 ▶ initComplete 콜백 함수를 활용하여 처리 ( DataTable이 초기화되고 데이터가 로드된 후 실행될 콜백 함수를 지정합니다. 이 콜백 함수에서는 데이터 로드 후 실행할 로직을 구현가능 ) //엑셀다운로드 배열필드 let sheet_js = ""; let results = ""; let list = $('#listTable').DataTable({ ajax : { 'type' : 'POST', 'url' : 'listAjax.do', 'dataSrc': '' }, columns : [ { 'data' : 'id', 'defaultContent': '', 'wid..
-
modal hidden 이벤트처리언어의 온도/javascript&jquery 2023. 3. 22. 10:35
* 부트스트랩에서 모달 팝업 종료시 이벤트 로직을 넣어보자~ ▶ bootstrap Version 2.3.2 //bootstrap 3버전 이하 일때 $('#work-modal').on('hidden', function () { //처리 로직 }); ▶ bootstrap Version 3.3.2 //bootstrap 3버전 이상 일때 $('#work-modal').on('hidden.bs.modal', function () { //처리 로직 }); 참~쉽죠잉~
-
javascript 날짜처리 함수 (증감)언어의 온도/javascript&jquery 2023. 3. 22. 10:24
* STEP1. 날짜처리 함수 선언을 해보자~ //일별 증감 Date.prototype.addDays = function (days) { let date = this; return new Date(date.setDate(date.getDate() + days)); }; //월별 증감 Date.prototype.addMonth = function (month) { let date = this; return new Date(date.setMonth(date.getMonth() + month)); }; //년별 증감 Date.prototype.addYear = function (year) { let date = this; return new Date(date.setFullYear(date.getFullYear..
-
sheetjs json 엑셀다운로드언어의 온도/javascript&jquery 2023. 3. 22. 10:23
▶ 2종류의 엑셀다운로드 방식을 알려주겠다 → 1. json 엑셀다운로드 → 2. table 엑셀다운로드 * sheetjs 라이브러리 다운로드 ▶ 파일명 : xlsx.full.min.js ( 아래사이트에서 다운로드를 하자 ) https://github.com/SheetJS/sheetjs/tree/github/dist * sheetjs 스크립트 로드 ( 다운로드 후 원하는 경로에 배치한뒤 로드하자 ) * sheetjs 로 엑셀다운로드를 해보자~ java poi 는 안녕 ( json 데이터를 바로 엑셀다운로드 ) //시트 초기화 let sheet_js = ""; //data 예제 let data = [ { name: "Alice", age: 25, city: "New York" }, { name: "Bob"..
-
json 원하는 필드만 가져오기언어의 온도/javascript&jquery 2023. 3. 22. 10:22
* json 데이터에서 원하는 필드만 가져와보자~ //json 필드 3종류 let data = [ { idx: 1, subject: "안녕", test: 123, area: "서울" }, { idx: 2, subject: "나는야", test: 456, area: "경기도" }, { idx: 3, subject: "메로이지롱", test: 789, area: "충청남도" } ]; //json 가공 2종류 let results = data.map(function(item) { return { '번호': item.idx, '제목': item.subject }; }); 참~쉽죠잉~