본문 바로가기

반응형

Frontend

(74)
[jQuery] table row index 자동 입력 원하는 기능 : 수정을 눌렀을 때 입력하는 Form과 동일한 Form에 자동적으로 수정하려는 데이터가 먼저 들어가 있는 기능 onclick이벤트에서 데이터 전달하도록 파라미터를 입력 ${s.index+1} ${item.korName} ${item.engName} ${item.version} 삭제 수정 변수관리 입력 받은 데이터 textarea에 출력 // JavaScript ... 데이터셋명(테이블 한글명) 데이터셋명(테이블명) 버전 ... + ) model값을 직접 지정하여 전송 가능 ... ... ...
[jQuery] ajax를 이용한 Controller로 값 전달 ajax JavaScript -> Controller로 값 전달 //JSON형식으로 전달 console.log(responseData); var year = dataCodeCaption.substring(dataCodeCaption.lastIndexOf(' ') + 1); var data = {}; data["filterId"] = filterId; data["year"] = year.substring(0, year.lastIndexOf('-')); $('.filter').click(function(){ $.ajax({ type:'POST', url:'/sample/data', data:JSON.stringify(data), success : function(data){ console.log("good...
[jQuery] Uncaught TypeError: Cannot read properties of undefined (reading 'classList') Uncaught TypeError: Cannot read properties of undefined (reading 'classList') 에러가 발생했다. 클릭 이벤트 발생했을때 classList에 추가하는 동작이 안되는 것인데 단순히 Html안에 class위치를 잘못잡아준것이다.... ... const cancerConfirmed = document.querySelector("#cancer_confirmed"); ... confirmed.innerHTML = confirmed; ... } ... ... const cancerConfirmed = document.querySelector("#cancer_confirmed"); ... cancer_confirmed.innerHTML = confirmed;..
modal구현 및 mysql 시분초 변환 modal + datatable 구현 ... X 회의번호 등록전화번호 로그번호 인입전화번호 참여자이름 pin번호 참여시간 종료시간 사용시간 ... mysql 시간차 변환 쿼리 SELECT confNum, CRUD_DEC(phone,'ONOFF_PHONE') as phone , logno, custCID, custNm, pin ,DATE_FORMAT(joinDt, '%Y-%m-%d %H:%i:%s') as joinDt ,DATE_FORMAT(quitDt, '%Y-%m-%d %H:%i:%s') as quitDt ,TIME_FORMAT(sec_to_time(timestampdiff(second,joinDt ,quitDt)) , '%i분 %s초') as gap FROM tb200031 WHERE confNum ..
table data row이벤트 처리 $(document).ready(function(){ CRUDfn.namespace("confRollList"); var searchParam = $('.searchParam').serializeArray(); for (i=0; i 변경하니 에러 변경 ParentNode관련에러 => data를 visible : false 처리를 하더라도 th는 있어야 한다. (= 컬럼 갯수가 안맞았다) Spring Method 사용 착각..... GET으로 가져오는게 아니라 POST를 사용해야지... POST시 RequestParm이 정상적으로 들어가지 않음 // 수정 전 CRUDfn.inoutTimeTable.url = "/conf/ioTime/{confNum}"; // 수정 후 CRUDfn.inoutTimeTable..
[JSTL] jsp를 포함하는 jsp구성 1.jsp에서 2.jsp를 포함하는 웹 페이지를 구성 그리고 ajax통신이 success하면 jsp를 새로고침 하는 구조로 만들고 싶었다. 1트 - ajax결과에 새로고침 코드 추가 1. 방법은 #sample-data 부분을 새로고침 하는 것이다. 2. 방법은 #sample-data 부분에 새로 URL을 불러오는 것이다. 1. 방법은 무한반복 일어나고 2. 방법은 JSON자체를 출력해서 사용 할 수 없었다. 2트 - function을 다시 불러오도록 수정 이렇게 하니 2.jsp의 setSample()을 다시 실행하나 기존 JSON데이터가 초기화 되지 않고 그 위에 데이터가 쌓이고 있었다. 해당 이슈와는 별개로 2.jsp의 데이터가 변하지 않아 Controller단에서 로그를 확인해보니 ajax로 POST..
JSP에서 JSP로 데이터 전달 JSP 파일에서 `` 태그를 사용하여 "sample.jsp" 페이지를 포함한 경우 데이터 전달 방법 1. 쿼리 문자열(Query String)로 전달 URL 매개 변수를 사용하여 데이터를 전달할 수 있다. `` 태그를 사용할 때, `page` 속성의 값 뒤에 쿼리 문자열을 추가 URL에 RequestParameter가 붙어 404에러가 나는 경우 2. 세션(Session)으로 전달 데이터를 세션에 저장하고 "sample.jsp" 페이지에서 세션에서 해당 데이터 검색 가능 첫 번째 JSP 파일에서 세션에 데이터 저장 3. Request Attribute로 전달 데이터를 요청(request) 속성(attribute)에 저장하고 "sample.jsp" 페이지에서 해당 데이터 검색 가능 첫 번째 JSP 파일에서..
[WebSquare5] 시작하기 1. Page 생성- Project Explorer에서 프로젝트 혹은 프로젝트에 속한 폴더를 우클릭- [New] - [WebSquare Page] 선택- 페이지명 입력( 템플릿이 있다면 Next가 활성화됨)- Finish 버튼 클릭- Design 탭에 새로 생성한 파일이 열리는지 확인2. Page 템플릿- 템플릿으로 사용할 Page를 미리 작성하여 동일한 폴더에 저장- Project Explorer에서 프로젝트를 우클릭 후 [Properties] 선택- [WebSquare] - [Context Root] 선택- [Template Folder]의 Browse 버튼을 클릭하여 위의 제 1단계의 (Page 템플릿 파일이 저장된) 폴더 지정 3. 컴포넌트 그리기1) 그리기 모드2) Float : floating..

반응형