반응형 분류 전체보기46 [노트] 캘린더 라이브러리 - Toast UI Calendar (2) | 캘린더 라이브러리 Toast UI Calendar - 2 커스텀 팝업 까지 띄웠으면 달력에 표시가 되어야 하는데 app.js 를 참고하여 함수를 생성했다. // Ajax 데이터 호출, 콜백함수에 로직 추가 function callScheduleAjax(data){ createList(data); }; // 라이브러리 스케줄 Set 함수 function setSchedules() { cal.clear(); //generateSchedule(cal.getViewName(), cal.getDateRangeStart(), cal.getDateRangeEnd()); cal.createSchedules(ScheduleList); } 참고용,, function createList(data){ var calenda.. 2020. 7. 16. [노트] 캘린더 라이브러리 - Toast UI Calendar (1) | 캘린더 라이브러리 Toast UI Calendar Node 기준으로 캘린더를 생성하는 예제가 많아 스프링으로 최대한 해보았다 . 주단위, 일단위 바꿔가며 여러가지 사용할 수 있지만, 월 단위 캘린더로만 해본다. Github 혹은 공식API 문서를 참고하여 다운로드 혹은 cdn url 로 임포트 시켜준다. 대부분 다운로드 받은 Github 을 프로젝트에 직접 임포트 했다 . 기본 HTML 예제 (.jsp) Monthly Today 기본 캘린더 JavaScript -1 cal = new Calendar('#calendar', { defaultView: 'month', useCreationPopup: false, useDetailPopup: false, // calendars: CalendarList, t.. 2020. 7. 16. [노트] 스케줄러 낙서 보호되어 있는 글 입니다. 2020. 7. 10. [노트] JavaScript 팝업 , validation 1. 팝업창으로 데이터 자동 입력 기존 입력폼은 클릭시 팝업창 연결 함수 > readonly ( disabled 시 함수 실행 X ) 팝업창을 띄우고 해당 정보를 클릭하면 자동으로 데이터 입력 될 수 있도록 한다. 팝업창에는 zTreeNode 로 되어있는 트리구조의 노드를 그렸고, 트리구조가 선택되었을때 데이터 입력 및 팝업창을 종료한다. InputForm.jsp function openPopUp(){ var popupUrl = "/user/popUp"; var loc_X = 500; var loc_Y = 100; window.open(popupUrl,"popup","height=350,width=270,left=" + loc_X +",top=" + loc_Y); } 데이터를 불러오기 위해 Control.. 2020. 7. 10. 이전 1 ··· 6 7 8 9 10 11 12 다음 반응형