====== fixed_lockitem_maxcount 속성 가이드 ======
탭 fixed_lockitem_maxcount 속성 예시 화면이다.
탭 fixed_lockitem_maxcount 속성은 tabitem_lockbutton_action 속성값이 1:잠금+고정인 경우에 고정될 수 있는 최대 아이템 갯수를 설정한다.
fixed_lockitem_maxcount 속성이 적용되는 아래와 같이 동작한다.
- fixed_lockitem_maxcount 속성값만큼 잠금 아이템이 있는 경우, 추가 잠금 처리가 방지된다.
- 잠금처리시 해당 아이템은 잠금 영역의 맨 뒤로 위치가 이동된다.
- 잠금해제시 해당 아이템은 일반 영역의 맨 뒤로 위치가 이동된다.
관련 속성으로 tabitem_lockbutton, tabitem_lockbutton_action, fixed_lockitem_maxcount이 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/TAB/tab_itemoverflow
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_fixedlockitem.xml|tab_fixedlockitem.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/TAB/tab_fixedlockitem.js|tab_fixedlockitem.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/TAB/tab_fixedlockitem|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 화면 로드 이벤트
function screen_on_load()
{
var i, new_index, objProp, instNewObj;
// 수평 탭에 아이템 생성 및 아이템내 컴포넌트 생성
for (i = 0; i < 10; i++) {
new_index = this.tab_horz.addtab("item_" + i, 1, 80, "");
objProp = {
x: 10,
y: 20,
width: 200,
height: 30,
text: "New Button_" + i,
fore_color: "00FF0000"
};
instNewObj = this.tab_horz.createobjectex(new_index, XFD_CTRLKIND_PUSHBUTTON, objProp);
}
this.tab_horz.settabitemfocus(0);
// 수직 탭에 아이템 생성 및 아이템내 컴포넌트 생성
for (i = 0; i < 10; i++) {
new_index = this.tab_vert.addtab("item_" + i, 1, 30, "");
objProp = {
x: 10,
y: 20,
width: 200,
height: 30,
text: "New Button_" + i,
fore_color: "00FF0000"
};
instNewObj = this.tab_vert.createobjectex(new_index, XFD_CTRLKIND_PUSHBUTTON, objProp);
}
this.tab_vert.settabitemfocus(0);
}
// "addtab" 버튼 이벤트
function btn_addtab_on_mouseup(objInst)
{
this.tab_horz.addtab("item_" + this.tab_horz.gettabitemcount(), 1, 80, "");
this.tab_vert.addtab("item_" + this.tab_vert.gettabitemcount(), 1, 30, "");
}
// "deletetab" 버튼 이벤트
function btn_deletetab_on_mouseup(objInst)
{
this.tab_horz.deletetab(this.tab_horz.gettabitemfocus(), true);
this.tab_vert.deletetab(this.tab_vert.gettabitemfocus(), true);
}
// "movetabitem" 버튼 이벤트
function btn_movetabitem_on_mouseup(objInst)
{
var ret;
ret = this.tab_horz.movetabitem(1, 0);
factory.consoleprint("this.tab_horz.movetabitem return = " + ret);
ret = this.tab_vert.movetabitem(1, 0);
factory.consoleprint("this.tab_vert.movetabitem return = " + ret);
}