JAVA SCRIPT5 자바스크립트 serialize 사용하지 않고 파라미터 세팅(JSON) https://hhana.tistory.com/111 //파라미터 세팅 함수 $.fn_getParam = function() { let param = new Object(); let cont_deptCd = ''; let cont_useYn = ''; param._csrf = $('input[name=_csrf]').val(); param.userNm = $('input[name=userNm]').val(); $('input:checkbox[name=userId]:checked').each(function () { cont_userId += ","+$(this).val(); }); param.userId = cont_userId; param.pageIndex = $('input[name=pageIndex.. 2023. 8. 3. JQuery, JSTREE를 그려보자! jstree에서 요구하는 형식은 다음과 같습니다 각 노드는 `id`, `parent`, `text` 속성을 가진 객체여야 합니다. `id` 속성은 각 노드의 고유한 식별자이며, 문자열 또는 숫자가 될 수 있습니다. `parent` 속성은 노드의 부모 노드의 `id` 값이며, 최상위 노드의 경우 '#'으로 설정해야 합니다. `text` 속성은 노드에 표시될 텍스트입니다. 최상위 노드의 `parent` 값은 반드시 `'#'` 값으로 설정해야 합니다. jstree는 `'#'` 값을 가진 노드를 최상위 노드로 인식합니다. 따라서 최상위 노드의 `parent` 값이 `'#'`이 아니면 jstree에서 해당 노드를 최상위 노드로 인식하지 않고 jstree가 그려지지 않을 수 있습니다 저는 보통 sql문의 resul.. 2023. 8. 1. 전체 체크박스, 자식 체크박스 다루기(자바스크립트, JQuery) //자식 체크박스 클릭 이벤트 function chkClicked() { //체크박스 전체 갯수 const allCount = document.querySelectorAll(".chk").length; //체크된 체크박스 갯수 const checkedCount = $('input[name=trgt]:checked').length; //체크박스 전체 갯수와 체크된 체크박스 갯수가 같으면 전체 체크박스 체크 if (allCount == checkedCount) { document.getElementById('allCheckBox').checked = true; } //체크박스 전체 갯수와 체크된 체크박스 갯수가 같지 않으면 전체 체크박스 체크 해제 else { document.getElementById('a.. 2023. 8. 1. modal 모달창에 데이터 전달하기(table tr td , row, closest) 프로젝트명 : 3rdAssignment 사용언어 및 프레임워크 : Java8, JQuery, Thymeleaf, JPA, Gradle ... × 보유 원룸 수가 이고, 방이 매진되는 월 임대료가 일 때 월 임대료를 씩 증액하고 방 하나당 유지비가 이라면 임대되는 방의 개수는 이고 최상 월 임대료는 이며 최고 수익은 입니다 보유 원룸 수 매진 월 임대료 월 임대료 증액 유지비 최상 월 임대료 임대된 원룸 수 최고 수익 자기 이름 내 PC IP 주소 등록 날짜와 시간 작성자로 검색 보유원룸수로 검색 [검색하기] [리셋] [HOME] >> @charset "UTF-8"; /* The Modal (background) */ .modal { display: none; /* H.. 2023. 4. 27. 모달창 modal 띄우기(HTML, CSS, Java Script) 모달 창 열기 모달 창 모달 창 입니다. 모달 창 닫기 @charset "UTF-8"; #root { position: relative; } #modal { display: none; position:relative; width:100%; height:100%; z-index:1; } #modal h2 { margin:0; } #modal button { display:inline-block; width:100px; margin-left:calc(100% - 100px - 10px); } #modal .modal_content { width:300px; height: 100%; margin:100px auto; padding:20px 10px; background:#fff; border:2px solid.. 2023. 4. 25. 이전 1 다음
