1. sc-tab-navigation
<sc-tab-navigation id="tabNavi" class="flex">
<es-sp-pc-detail-tabTW id="tabTW" title-text="텝1" disabled="[[!formula('hasTwProc')]]"></es-sp-pc-detail-tabTW>
<es-sp-pc-detail-tabAW id="tabAW01" title-text="텝2" disabled="[[!formula('hasAwProc')]]"></es-sp-pc-detail-tabAW>
<es-sp-pc-detail-tabAW id="tabAW02" title-text="텝3" disabled="[[!formula('hasAwProc')]]"></es-sp-pc-detail-tabAW>
</sc-tab-navigation>
me.$.tabNavi.selectItem(me.$.tabTW, function(module)
{
module.load(UT.copy(_param));
});
2. sc-pages
<sc-pages id="pages" style="width:100%;">
<div id="dummyModule"></div>
<template>
<es-tw-detail-tabTW-10 id="twType10"></es-tw-detail-tabTW-10>
</template>
<template>
<es-tw-detail-tabTW-20 id="twType20"></es-tw-detail-tabTW-20>
</template>
<template>
<es-tw-detail-tabTW-30 id="twType30"></es-tw-detail-tabTW-30>
</template>
<template>
<es-tw-detail-tabTW-40 id="twType40"></es-tw-detail-tabTW-40>
</template>
</sc-pages>
me.$.pages.selectItem(me.$[_moduleID], function(module)
{
me.currentModule = module;
// 하위모듈에 함수가 없을수도 있는 경우
if (UT.isNotEmpty(module) && UT.isFunction(module.load))
{
module.load(UT.copy(me.twh));
}
});