엑스플랫폼 101

- TabPage > TabIndex

탭은 가능하면 적절하게 사용하면 한 공간에서 여러 작업을 조정할 수 있는 장점이 있긴 하지만

접근성을 다룰때 어려움이 있고 다양한 디바이스에서 활용할때에도 어려움이 있을 수 있습니다.

단 엑스플랫폼에서는 일반적으로 탭 내부의 컨텐츠를 분리해서 관리하기 때문에

어려움은 없을겁니다.

탭에 대해 간단히 언급하고 넘어가겠습니다.

UX 스튜디오에서 탭 컴포넌트를 가져다 넣어주면

다음과 같은 화면과 코드가 생성됩니다.

<Tab id="Tab01" taborder="1" tabindex="0" scrollbars="autoboth" position="absolute 103 422 364 506">

<Tabpages>

<Tabpage id="tabpage1" text="tabpage1" dragscrolltype="all"/>

<Tabpage id="tabpage2" text="tabpage2" dragscrolltype="all"/>

</Tabpages>

</Tab>

탭을 사용한다는 것은 기본적으로 2개 이상의 화면을 사용하겠다는 것이니 

기본적으로 2개를 생성해주는 것 같습니다.

탭 영역의 크기가 탭아이콘보다 작아지면 보이지 않는 영역은 사라지고 

네비게이션 버튼이 보여집니다.

탭을 추가하거나 삭제하는 작업은 컨텍스트 메뉴에서 지원합니다.
 

각각의 탭을 편집할때도 메뉴에서 처리가 가능합니다.

탭이 여러개인 경우에는 Goto Tabpage를 사용하면 됩니다.

스크립트 상에서는 탭에서 tabindex 속성을 사용해 지정할 수 있습니다.

기본값은 0 입니다.

http://cafe.naver.com/xplatform101/206 

- Static & TextArea > TextArea

문장을 입력받거나 출력하기 위한 가장 일반적인 컴포넌트입니다.

Static 과 다르게 value라는 항목이 있습니다.

도움말을 보면 입력값을 저장하는 속성이라고 나와있네요.

그리고 text 속성은 읽기전용입니다.

즉 TextArea00.text = ''; 와 같이 지정하면 안된다는 겁니다.

대신 value를 사용해야 합니다.

조금은 혼란스러운 부분이긴 합니다.

그리고 여러줄을 표시할 수 있기 때문에 wordwrap 속성에 따라 다른 형식으로 표기가 됩니다.

wordwrap은 다음과 같은 속성을 가집니다.

기본값은 none 입니다.

word - 글자 단위로 개행됩니다.

english - 영문만 단어 단위로 적용합니다.

both - 영문과 한글 둘 다 단어 단위로 적용합니다.

char - 글자 단위로 적용합니다. 공백도 글자로 포함됩니다.

기준이 좀 모호하기 때문에 적절하게 배치하면 되지 않을까 싶습니다. ㅠㅠ

http://cafe.naver.com/xplatform101/205 

- Static & TextArea > Static

기본적인 사용법 외에 바인딩이나 표현식을 어떻게 사용하는지에 대한 예제입니다.

Static 의 경우에는 바인딩 기능을 제공하기 위해 BindItem 태그(객체)를 사용합니다.

BindItem은 태그내에서 바로 사용할 수도 있고

(데이터셋을 드래그앤드롭하는 경우 자동으로 태그가 생성됩니다).

스크립트 내에서 동적으로 생성할 수 있습니다.

바인딩해줄 객체를 선택하고 선택된 객체에 따른 속성을 선택합니다.

* 반대로 하려고 하면 안됩니다. 선택된 객체에 따라 제공되는 속성이 다르기 때문이죠.

이렇게 선택된 내용은 태그로 변환됩니다.

<BindItem id="item0" compid="Static00" propid="text" datasetid="Dataset00" columnid="Column0"/>

이렇게 된 경우에는 그리드처럼 binddataset으로 처리되는 것이 아니라 별도의 바인딩 객체로 처리됩니다.

이렇게 보이면 마치 Static 의 text 속성인것처럼 보이지만 

그렇지는 않습니다. ^^

두 번째 예제는 동적인 표현식 처리인데

아래와 같이 expr 속성에 식을 추가하거나 특정 function을 처리하게 할 수 있습니다.