본문 바로가기

제이쿼리

화면에서 엑셀(xlsx) export하기 예전 프로젝트에서 화면에 있는 상태 그대로 엑셀을 export해야하는 화면이 있었다.db에서 조회해서 뿌리긴하나 사용자가 화면에서 데이터를 변경하고 서버에 저장하지 않은 상태로 엑셀을 export하는 기능이 필요했었다. 그래서 구글링을 한 결과 table2excel라는 플러그인을 발견했다.사용법이 간단해서 빠르게 페이지에 붙일 수 있었다.그러나 단점이 있었다. xlsx확장자를 지원하지 않는다. 사실 xls확장자로 export해도 크게 문제는 없다.하지만 xls확장자로 export하면 파일을 열었을때, 안전하지않을 수도 있다는 등의 알림창이 뜬다.무시하고 닫으면 되지만 은근 귀찮고 신경쓰인다. table2excel 스크립트를 뒤져보니 xlsx확장자로 export해주는 부분은 없었고인터넷을 뒤져보니 xlsx.. 더보기
jqGrid 페이징 예제 그리드를 사용하면 빠질 수 없는 페이징 맨날하면서 맨날 까먹기때문에 정리 해놓는다. html 영역12cs javascript 영역123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566$("#jqGrid").jqGrid({ url: '/services/data/dataList', mtype: "GET", styleUI : 'Bootstrap', datatype: "json", jsonReader: { root : "rows", // list 이름 page : "page", records: "records", total : "total" }, .. 더보기
Bootsrap DatePicker 기본 셋팅 환경 : SpringBoot + thymeleaf DatePicker가 부트스트랩버전은 묘하게 함수같은 것들이 달라서 정리할 필요가 있을거 같아 정리함. html영역1234567891011121314151617 .....생략..... cs script영역123456789101112131415161718//DatePicker 생성$("#visitDate").datepicker({ format: "yyyy-mm-dd(D)", calendarWeeks: false, //몇째주인지 표시 autoclose: true, //자동 닫히기 todayHighlight: false, //오늘 날짜 하이라이트 language: "kr", //언어 daysOfWeekDisabled: "1,2,3,4,5,6", //일요일 제외.. 더보기

티스토리툴바