====== tabitem_overflow 속성 가이드 ======
탭 tabitem_overflow 속성 예시 화면이다.
tabitem_overflow 속성을 이용하여 탭 아이템이 tabitemarea를 벗어나는 경우에 대한 탭 아이템 표시 방식을 지정한다.
tabitem_overflow 속성은 tabitem_position 속성이 0:top, 1:bottom인 경우에만 동작한다.
tabitemarea_leftmargin, tabitemarea_rightmargin 속성을 이용하여 탭 아이템 영역 좌/우 여백을 지정할 수 있다.
관련 API로 gettabitemposition, settabitemposition, addtab, deletetab가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/TAB/tab_itemoverflow
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_itemoverflow.xml|tab_itemoverflow.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_itemoverflow.js|tab_itemoverflow.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/TAB/tab_itemoverflow|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
function screen_on_load()
{
}
function btn_addtab_on_mouseup(objInst)
{
tabItemScroll.addtab("TAB_" + tabItemScroll.gettabitemcount(), 1, 100, "", true);
tabItemWrap.addtab("TAB_" + tabItemWrap.gettabitemcount(), 1, 100, "", true);
}
function btn_deletetab_on_mouseup(objInst)
{
tabItemScroll.deletetab(tabItemScroll.gettabitemfocus());
tabItemWrap.deletetab(tabItemWrap.gettabitemfocus());
}