JSP 라이브러리 정의에는 컴포넌트 라이브러리에 필요한 프로젝트 자원과 JSP 태그 해석을 위해 필요한 메타데이터를 포함합니다. JSP 라이브러리 정의는 이 제품으로 사용자 정의 JSP 태그 라이브러리 통합을 사용자 정의하는 데 도움이 됩니다.
JSP 라이브러리 정의 편집기는 새 JSP 라이브러리를 프로젝트에 통합하는 방법에 대한 세부사항을 구성하는 데 사용됩니다.
다음은 새 컴포넌트 라이브러리를 사용하기 위해 웹 프로젝트를 설정하는 방법을 자세히 설명합니다. 이 구성은 웹 프로젝트로 파일을 복사하는 방법 및 컴포넌트가 올바르게 작동하도록 작성해야 하는 구성 변경사항을 선언합니다.
태그 라이브러리에는 라이브러리를 구성하고 도구 동작의 구성을 사용하는 모든 사용자 정의 태그가 나열됩니다. 예를 들어 팔레트에서의 태그 모양, 편집기에 태그를 놓을 때 동작, 웹 페이지 소스에서 컴포넌트의 시각적 모양 및 태그 속성과 데이터 바인딩에 대한 여러 세부사항을 지정할 수 있습니다.
컴포넌트 라이브러리에서 태그에 대한 세부사항을 구성할 수 있습니다. 라이브러리 정의가 생성될 때 여기에는 컴포넌트 라이브러리의 모든 태그가 포함됩니다. 위로 및 아래로 단추를 사용하여 태그 순서를 변경할 수 있습니다. . 지정한 태그 순서는 팔레트의 라이브러리 모양에서 표시됩니다.
라이브러리 팔레트 카테고리에 대한 일부 시각적 정보를 구성할 수 있습니다. 스타일시트 링크를 구성하거나 이 라이브러리에 있는 모든 태그에 적용되는 JavaScript 참조를 구성하십시오. 팔레트에서 태그가 추가되면 해당하는 <link> 및 <script> 태그가 웹 페이지에 추가됩니다.
시각화 패턴은 페이지 편집기의 디자인 분할창에서 컴포넌트의 모양을 제어하는 데 사용합니다. 이 패턴은 시각화 컨텐츠를 동적으로 변경하기 위한 일부 선택적 대체 변수와 HTML 마크업으로 구성됩니다. 컴포넌트를 페이지로 끌어오면 해당 패턴이 평가됩니다. 페이지 편집기는 유용한 디자인 시간 표시를 작성하기 위해 결과로 생기는 HTML을 사용합니다. 사용 가능한 패턴 변수의 세부사항은 표 1에 표시됩니다.
변수 | 설명 | 예제 |
---|---|---|
${children} | ${children} 변수는 시각화되는 태그의 모든 하위 태그를(하위 태그가 있는 경우) 패턴의 ${children} 변수 위치에서 생성합니다. 원래 페이지에 표시되는 순서대로 하위 태그가 삽입됩니다. 패턴을 사용할 수도 있기 때문에 페이지 편집기는 하위 태그의 시각화를 계산합니다. 모든 하위 태그가 동일한 위치에 삽입되기 때문에 패턴은 단지 하나의 ${children} 변수만 사용할 수 있습니다. |
|
${children:row} | ${children} 변수의 row 수정자가 HTML 테이블 셀 <td> 요소의 순서대로 하위 태그를 생성합니다. 이 변수는 여러 컴포넌트를 가로로 배열할 때 사용합니다. |
|
${children:grid(param[,param]*)} | grid 수정자는 태그의 하위가 포함된 HTML 테이블 행 및 셀 세트를 작성합니다. 하위는 왼쪽에서 오른쪽으로 추가되며 지정된 수의 열에 도달하면 다음 행으로 줄을 바꿉니다. 기본 열 개수는 2입니다. 쉼표로 구분되는 선택적 매개변수 목록은 눈금의 열 수를 대체합니다. 매개변수 옵션은 다음과 같습니다.
올바른 값을 찾을 때까지 매개변수를 순차적으로 검사합니다. 예를 들어 ${children:grid(attr.size, attr.numcols, 3)} 패턴은 태그의 size 속성이 정의된 경우 이 속성을 사용합니다. 그렇지 않은 경우 numcols 속성이 정의되어 있으면 이 속성을 사용합니다. 두 속성이 모두 정의되지 않은 경우에는 상수 3이 사용됩니다. |
|
${children:stack(param)} | stack 수정자는 스택된 셀 시각화를 채우기 위한 테이블 행과 셀을 작성하기 위해 탭 패널에서 사용됩니다. 각 하위 태그에 대해 클릭할 수 있는 레이블의 수평 테이블을 작성합니다. 레이블 중 하나를 클릭하면 하위 태그가 스택 맨 위에 표시됩니다. 선택적 매개변수는 attr.attrName 구문을 사용하여 레이블에 사용할 하위 태그의 태그 속성을 지정합니다. |
|
${attr:attrName} | 이 변수는 패턴의 현재 위치에 있는 태그의 속성 값을 대체합니다. 속성에 설정 값이 없는 경우 빈 문자열이 삽입됩니다. |
|