JavaScript 코드 요소 추가

템플리트에서 사용하는 각각의 코드 블록에 대해 JavaScript 코드 요소를 사용하십시오.
제한사항: 새 기능 아이콘 JavaScript 코드 요소는 버전 2 템플리트에서만 사용 가능합니다.

이 태스크 정보

JavaScript는 단순 인수부터 복합 스크립트까지 다양합니다.
  • 단순 인수의 경우, 요소(예: 텍스트 요소)의 컨텐츠에 스크립트를 적용할 수 있습니다. 텍스트 요소를 두 번 클릭하고 스크립트 표현식 탭을 선택한 후 스크립트를 입력하십시오.
  • 복합 스크립트의 경우, 이 태스크를 사용하여 JavaScript 코드 요소를 사용하는 스크립트를 적용할 수 있습니다.
요소의 스크립트 표현식 탭에 JavaScript 코드 요소를 사용하면 다음과 같은 이점이 있습니다.
  • 다른 사용자의 스크립트를 재사용할 수 있습니다.
  • 실행 순서에 상관없이 계산을 그룹화할 수 있습니다.
  • 일반 및 복합 데이터 구조(예: 콜렉션)를 작성하고 해당 데이터 구조에 계속 추가할 수 있습니다.
    참고: 다른 JavaScript 코드에 있는 하나의 JavaScript 코드 요소 또는 텍스트 요소에 정의된 함수를 호출할 수 없습니다.

JavaScript 파일 utils.js는 보고서 출력에 현재 날짜를 포함하는 것과 같이 사용자가 단순 JavaScript에 사용할 수 있도록 사전 정의된 중앙 관리 컴포넌트 파일 및 설치 파일에 포함되어 있습니다.

템플리트에서 기존 JavaScript코드의 목록을 보려면 템플리트 > JavaScript 검토를 클릭하십시오. 검색 보기가 열리고 JavaScript를 사용하는 요소 목록이 표시됩니다. 기본 필터는 이 컨텍스트에서 JavaScript로 간주되지 않습니다. 기본 필터는 검색 결과에 나열되지 않습니다.

프로시저

  1. JavaScript에 대한 작업을 시작하기 전에 템플리트를 저장하십시오.
  2. 팔레트 보기에서 JavaScript 코드 아이콘JavaScript 코드 요소를 선택하여 템플리트 컨텐츠 편집기로 끌어오십시오.
  3. JavaScript 코드 요소를 두 번 클릭하십시오.
  4. 스크립트 표현식 탭에서 JavaScript 코드를 적용할 변수를 트리에서 선택하십시오.
  5. 다음 옵션 중 하나를 사용하여 JavaScript 코드를 입력하십시오.
    • 이 창에서 수동으로 스크립트 작성
    • 외부 편집기에서 이 창으로 스크립트 복사하여 붙여넣기
    • 스크립트 포함을 클릭하고 사용자 컴퓨터, 원격 서버 또는 중앙 관리 컴포넌트에서 파일 선택
  6. 옵션: XHTML에서 스크립트를 복사한 경우 다음을 수행할 수 있습니다.
    • XHTML 입력 옵션을 선택하여 스크립트에 포함된 XHTML 태그를 편집할 수 있게 합니다.
    • XHTML 입력 옵션을 선택 취소하여 스크립트에서 XHTML 태그를 모두 제거합니다.
    서식있는 텍스트를 복사하거나 조건에서 서식있는 텍스트를 사용하는 경우에는 XHTML 입력 옵션을 선택해야 합니다.
    중요사항: 올바르지 않은 XHTML로 인해 문서 생성이 실패했습니다. 변경사항을 저장하기 전에 XHTML이 올바른지 확인하십시오.
  7. 옵션: 템플리트를 XHTML 출력에 생성하는 경우 다음을 수행할 수 있습니다.
    • XHTML 출력 옵션을 선택하여 스크립트를 구문 분석하고 스크립트를 서식있는 텍스트로 렌더링합니다.
    • XHTML 출력 옵션을 선택 취소하여 스크립트를 일반 텍스트로 처리합니다.
    이 선택사항은 표현식의 모든 데이터 소스 속성에 적용됩니다. 스크립트에서 일반 텍스트와 XHTML을 혼합할 수는 없습니다.

    서식있는 텍스트를 복사하거나 서식있는 텍스트를 임시적으로 작성하는 경우에는 XHTML 출력 옵션을 선택해야 합니다.

  8. 스크립트를 입력한 후 스크립트 테스트를 클릭하여 코드를 유효성 검증하십시오. JavaScript에 오류가 있는 경우 문서 생성이 완료되지 않습니다.
  9. 확인을 클릭하여 변경사항을 저장하십시오. 요소에서 코드 블록이 접힙니다. 템플리트 컨텐츠 편집기에서 코드를 펼쳐서 볼 수 있습니다.

JavaScript 편집기에서 작업

JavaScript 편집기를 사용하여 스크립트에서 색상 형식화 및 행 번호 지정에 대한 작업을 수행할 수 있습니다.

프로시저

  1. JavaScript 코드 요소를 두 번 클릭하십시오. JavaScript 코드 요소에 대한 입력 코드 창이 열립니다.
  2. 옵션: 다른 파일에서 새 스크립트를 포함하는 경우 스크립트 포함을 클릭하고 컴퓨터, 원격 서버 또는 중앙 관리 컴포넌트에서 파일을 선택하십시오. 확인을 클릭하여 창을 닫고 요소를 두 번 클릭하여 JavaScript 코드 요소에 대한 입력 코드 창을 다시 여십시오.
  3. 편집기에서 열기를 클릭하여 Eclipse JavaScript 편집기에서 스크립트를 입력하십시오. 스크립트가 새 편집기 탭에서 임시 .js 파일로 열리고 JavaScript를 편집할 수 있습니다.
    참고: 입력을 시작한 후 마침표 또는 다른 문자를 값으로 입력한 경우 JavaScript 파일 액세스 중 오류 메시지가 표시될 수 있습니다. 또한 그 다음에 컨텐츠 지원 중 문제점 메시지가 표시될 수 있습니다. 이러한 메시지가 발생하는 경우 메시지의 지시사항을 완료하여 기타 JavaScript 제안 옵션을 사용하지 않도록 설정하십시오.
    1. > 환경 설정 > JavaScript > 편집기 > 컨텐츠 지원 > 고급을 클릭하십시오.
    2. 컨텐츠 지원 주기 섹션에서 기타 JavaScript 제안 옵션을 선택 취소하십시오.
    3. 확인을 클릭하여 창을 닫으십시오.
  4. 아웃라인 보기에서 옵션을 통해 스크립트를 관리하십시오.
  5. 변경사항을 저장하십시오.
  6. 임시 JavaScript 편집기 탭을 닫으십시오. JavaScript 코드 요소에 대한 입력 코드 창으로 돌아갑니다.
  7. 스크립트 테스트를 클릭하여 코드를 유효성 검증하십시오.
  8. 확인을 클릭하여 변경사항을 저장하고 창을 종료하십시오.

피드백