수정 일자 버전 (SP2)
WebSquare5 Studio : 20210120_1621_x86_64_B
WebSquare5 Engine : 5.0_4.4295B.20210115.133702_1.5
컴포넌트 탬플릿을 통해 데이터 갯수만큼 자동 생성해주는 컴포넌트 입니다. 자동 생성시 id 및 ref를 data에 맞게 key 값으로 연동시켜줍니다.
Property
Property | Description |
|---|---|
autoCount | repeatKey속성을 반복되는 node에 설정 속성의 value는 처음노드 부터 1씩 커지면서 설정. (repeatKey가 존재하지 않을 경우, autoCount를 true로 하면 자동으로 설정.) |
class | 사용자가 임의의 class를 정의할때 사용합니다. |
cols | 반복되는 열의 횟수를 지정합니다. |
direction | 2차원 행렬의 형태로 node를 반복할 때 node의 반복되는 방향을 지정합니다. |
id | 사용자가 임의의 id를 정의할때 사용합니다. |
nodeset | 반복시킬 노드들의 xpath입니다. |
repeatKey | 노드의 value를 저장하는 변수입니다. |
rows | 반복되는 행의 횟수를 지정합니다. |
tabIndex SP2 | Tab Key를 이용 한 컴포넌트의 포커스 순서로 HTML의 tabindex속성과 동일한 기능을 제공한다. |
toolTip | repeat의 toolTip 속성 글을 입력합니다. |
브라우저 캡쳐화면
01
CSS Overriding
02
No | Class | Description |
|---|---|---|
1 | w2roundRectangle | w2roundRectangle는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다. |
사용자 정의 클래스 | RoundedRectangle컴포넌트는 기본적으로 svg로 랜더링되기때문에 사용자정의 클래스를 지원하지 않습니다. svg요소는 클래스로 제어하지 않습니다. |
주의사항 및 Tip
그라데이션 fillColor을 지원합니다. 해당 컴포넌트를 디자인뷰에서 더블클릭시 그라디언트 생성창이 팝업됩니다.
03