tabitem_xbutton 속성 가이드

탭 tabitem_xbutton 속성 예시 화면이다.

tabitem_xbutton 속성을 이용하여 탭 아이템 닫기 버튼 표시 여부를 설정한다.

관련 속성으로 tabitem_xbutton, tabitem_xbutton_horzalign, tabitem_xbutton_horzmargin가 있다.

관련 속성으로 tabitem_xbutton_width, tabitem_xbutton_customclass가 있다.

관련 API으로 gettabitemxbutton, settabitemxbutton, gettabitemxbuttonhorzalign, settabitemxbuttonhorzalign이 있다.

관련 API으로 gettabitemxbuttonhorzmargin, settabitemxbuttonhorzmargin, showtabitemxbutton가 있다.

템플릿 위치: /HTML5/COMPONENT/TAB/tab_itemxbutton

템플릿 파일

• tab_itemxbutton.xml
• tab_itemxbutton.js
• 새창으로 실행

// "showtabitemxbutton" 버튼 이벤트
function btn_xbutton_on_click(objInst)
{
	// 탭 아이템 닫기 버튼 표시 여부 토글 처리
	if (this.tab.gettabitemxbutton() == true) {
		this.tab.showtabitemxbutton(false);
	}
	else {
		this.tab.showtabitemxbutton(true);
	}
}

// "get/settabitemxbuttonhorzalign" 버튼 이벤트
function btn_horzalign_on_click(objInst)
{
	// 탭 아이템 닫기 버튼 수평 정렬 위치 토글 처리
	if (this.tab.gettabitemxbuttonhorzalign() == 0) {
		this.tab.settabitemxbuttonhorzalign(1);
	}
	else {
		this.tab.settabitemxbuttonhorzalign(0);
	}
}

// "get/settabitemxbuttonhorzmargin" 버튼 이벤트
function btn_margin_on_click(objInst)
{
	// 수평 여백 설정
	this.tab.settabitemxbuttonhorzmargin(this.fld_margin.gettext());
}