EzTabButtonGroup

Members

currentTabbuttonCssclass :string

Description:

• 현재 탭에 해당하는 탭버튼에 적용할 cssclass

Type:

• string

nextButtonCssclass :string

Description:

• 다음 버튼에 적용할 cssclass

Type:

• string

prevButtonCssclass :string

Description:

• 이전 버튼에 적용할 cssclass

Type:

• string

prevButtonWidth :number

Description:

• 탭 다음항목 보기 버튼 넓이

Type:

• number

tabbuttonBottom :number

Description:

• 탭 버튼의 bottom(px)

Type:

• number

tabbuttonCssclass :string

Description:

• 탭버튼에 적용할 cssclass

Type:

• string

tabbuttonMargin :number

Description:

• 탭 버튼 위치 계산시 앞 또는 뒤쪽에 버튼이 더 있다는것을 알리기 위해 노출시킬 크기(px)

Type:

• number

tabbuttonSpacing :number

Description:

• 탭 버튼 간 간격

Type:

• number

tabbuttonTop :number

Description:

• 탭 버튼의 top(px)

Type:

• number

tabbuttonWidth :number

Description:

• 탭 다음항목 보기 버튼 넓이

Type:

• number

tabbuttonWidth :number

Description:

• 탭 버튼 넓이
  설정시 모든 탭버튼의 크기가 고정됨 미설정시 각 버튼의 text길이에 따라 크기가 동적 설정됨

Type:

• number

tabcomponent :string

Description:

• 관리 대상 Tab의 경로

  • 경로는 넥사크로 툴에서 Tab 컴포넌트 선택후 ctrl+shift+c로 복사 할 수 있습니다.
  • Tab 컴포넌트를 직접 설정할 경우 setTabComponent함수를 사용하세요

Type:

• string

Example

var tabCompPath = this.ezTabButtonGroup.tabcomponent;
this.ezTabButtonGroup.tabcomponent = "Div00.form.Tab00";

(static, readonly) LOG_KEY :string

Description:

• 로깅용 키

Type:

• string

Methods

getTabButtons() → {Array.<nexacro.Button>}

Description:

• 탭 버튼 목록 getter

Example

var buttons = this.ezTabButtonGroup.getTabButtons();

Returns:

Type

Array.<nexacro.Button>

rearrangeContents()

Description:

• 위치 갱신

Example

this.ezTabButtonGroup.rearrangeContents();

setTabComponent(tab)

Description:

• 관리 대상 Tab 설정

Example

this.ezTabButtonGroup.setTabComponent(this.Tab00);

Parameters:

set_currentTabbuttonCssclass(currentTabbuttonCssclass)

Description:

• 현재 탭에 해당하는 탭버튼에 적용할 cssclasst 설정

Example

this.ezTabButtonGroup.set_currentTabbuttonCssclass("curtabbbtn");

Parameters:

set_nextButtonCssclass(nextButtonCssclass)

Description:

• 다음 버튼에 적용할 cssclass 설정

Example

this.ezTabButtonGroup.set_nextButtonCssclass("nexttabbbtn");

Parameters:

set_nextButtonWidth(tabbuttonWidth)

Description:

• 탭 다음항목 보기 버튼 넓이 설정

Example

this.ezTabButtonGroup.set_nextButtonWidth(50);

Parameters:

set_prevButtonCssclass(prevButtonCssclass)

Description:

• 이전 버튼에 적용할 cssclass 설정

Example

this.ezTabButtonGroup.set_prevButtonCssclass("pretabbbtn");

Parameters:

set_prevButtonWidth()

Description:

• 탭 다음항목 보기 버튼 넓이 설정

Properties:

Example

this.ezTabButtonGroup.set_prevButtonWidth(50);

set_tabbuttonBottom(tabbuttonBottom)

Description:

• 탭 버튼의 bottom 설정

Example

this.ezTabButtonGroup.set_tabbuttonBottom(20);

Parameters:

set_tabbuttonCssclass(tabbuttonCssclass)

Description:

• 탭버튼에 적용할 cssclass 설정

Example

this.ezTabButtonGroup.set_tabbuttonCssclass("tabbbtn");

Parameters:

set_tabbuttonMargin(tabbuttonMargin)

Description:

• 탭 버튼 위치 계산시 앞 또는 뒤쪽에 버튼이 더 있다는것을 알리기 위해 노출시킬 크기(px) 설정

Example

this.ezTabButtonGroup.set_tabbuttonMargin(20);

Parameters:

set_tabbuttonSpacing(tabbuttonSpacing)

Description:

• 탭 버튼 간 간격 설정

Example

this.ezTabButtonGroup.set_tabbuttonSpacing(5);

Parameters:

set_tabbuttonTop(tabbuttonTop)

Description:

• 탭 버튼의 top 설정

Example

this.ezTabButtonGroup.set_tabbuttonTop(20);

Parameters:

set_tabbuttonWidth(tabbuttonWidth)

Description:

• 탭 버튼 넓이
  설정시 모든 탭버튼의 크기가 고정됨 미설정시 각 버튼의 text길이에 따라 크기가 동적 설정됨

Example

this.ezTabButtonGroup.set_tabbuttonWidth(50);

Parameters:

set_tabcomponent(tabcomponent)

Description:

• 관리 대상 Tab의 경로 설정
  Tab 컴포넌트를 직접 설정할 경우 setTabComponent함수를 사용하세요

Example

this.ezTabButtonGroup.set_tabcomponent("Tab00");

Parameters: