JavaScript 3

jqGrid에서 rowspan 하는 방법 - cellattr, gridComplete

방법1. cellattr 사용cellattr은 특정 셀(td)에 속성을 추가할 때 사용 jqGrid가 테이블을 렌더링할 때 개별적으로 td를 생성하기 때문에 직접적으로 rowspan을 부여하는 것은 어려우나, colModel에 cellattr을 설정하여 동적으로 속성을 부여할 수 있다. 방법2. gridComplete 사용그리드가 렌더링된 후 실행되는 이벤트    병합 전    병합 후         cellattr - 2줄 병합하기colModel: [ { name: 'chk', align: 'center', hidden: false, width: 50, edittype: 'checkbox', formatter: 'checkbox', editoptions: ..

JavaScript 2025.02.25

JavaScript ES6 템플릿 리터럴과 JSP에서의 사용

템플릿 리터럴이란? 템플릿 리터럴은 ES6(ECMAScript 2015)에서 도입된 새로운 문자열 리터럴 방식이다. ES6는 JavaScript의 6번째 버전으로, 다양한 새로운 기능들이 추가되었다. 템플릿 리터럴도 그 중 하나이다.템플릿 리터럴(Template literals)은 JavaScript에서 문자열을 다룰 때 사용하는 새로운 방식으로, 백틱(``)을 이용하여 문자열을 만들 수 있다. 이를 통해 문자열 내에 변수나 표현식을 쉽게 삽입할 수 있다.     1. 문자열 내에 변수 삽입템플릿 리터럴을 사용하면 문자열 안에 ${} 구문을 이용해 변수나 표현식을 삽입할 수 있다.let name = "Alice";let greeting = `Hello, ${name}!`; // 변수 'name'을 템플릿..

JavaScript 2024.12.30

JavaScript 선언 되어 있는데 Uncaught ReferenceError: 함수 is not defined 에러 해결 방법

페이지 내에서 검색 기능을 구현하다가 발생한 에러 입력필드에서 엔터를 치면 검색이 가능하도록 설정한 것인데 Uncaught ReferenceError: searchEnterFn is not defined at HTML InputElement. onKeydown (post.do.229.97)  searchEnterFn가 이미 선언되어 있음에도 불구하고 not defined가 발생한다.         혹시 스크립트 최상단에 $(document).ready(function() {가 선언되어 있는가..? 그렇다면 해결 방법은 아래와 같다.   해결 방법 not defined가 발생한 함수를 document 함수 밖으로 꺼낸다.  /* EnterKey 입력 시 */ function searchEnte..

JavaScript 2024.11.21