====== 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
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_itemxbutton.xml|tab_itemxbutton.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_itemxbutton.js|tab_itemxbutton.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/TAB/tab_itemxbutton|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// "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());
}