MOCA API

상세 폼 CRUD data-m-buttons="신규|$p.fn_new,수정|$p.fn_edit,저장|$p.fn_save,취소,삭제|$p.fn_delete" · 폼 없이 팝업 닫기만 "닫기|$p.fn_close" · 새 창 "새 창으로 열기|$p.fn_openWin"복사

정의 buttonGroupPresets: { approve: { cls: 'btg_approve', state: function (pCtx) { return pCtx.form ? (pCtx.form.getRowJSON().APPR_STATUS || '') : ''; }, visible: { '승인': function (pState) { return pState === 'REQ'; }, '반려': function (pState) { return pState === 'REQ'; } }, before: { '반려': function (pCtx) { if (pCtx.form.getRowJSON().REJECT_REASON) return true; moca.$g.alert('반려 사유를 입력하세요.'); return false; } } }, action: { cls: 'btg_action' } } · 화면 <div data-m-type="buttonGroup" data-m-preset="approve" data-m-form="fom_detail" data-m-buttons="승인|$p.fn_approve,반려|$p.fn_reject"></div> · 프로젝트 CSS .bd_modal_btns.btg_approve button[data-label="반려"] { color: var(--c-danger); } — ★ 선택자는 .bd_modal_btns.{cls} 로 시작(.{cls} 만이면 테마 CSS 에 진다). 프로젝트의 유형 목록은 프로젝트 표준에 있다. moca-engine.md §16-6복사

$p.get('btg_detail').applyStatus()복사

$p.get('btg_detail').getButton('저장').disabled = true복사

var ymd = $p.get('cal_regDt').getValue()복사

$p.get('cal_regDt').setValue('20260815')복사

$p.get('cal_regDt').clear()복사

$p.get('cal_regDt').setData({ dayInfo: { '20260815': { holi:'광복절', off:true }, '20260817': { off:true } } })복사

$p.get('cal_inDt').setDateRange(orderDt, moca.$g.date.getToday())복사

var r = $p.get('cal_regDt').getDateRange()복사

if ($p.get('cal_regDt').getDayInfo(v).off) moca.$g.error('휴무일입니다.')복사

$p.fn_loadHoli($p.get('cal_regDt').getViewYm())복사

$p.get('cal_regDt').setViewYm('202609')복사

$p.get('cal_regDt').today()복사

$p.get('cal_regDt').next()복사

$p.get('cal_regDt').prev()복사

$p.get('cal_regDt').refresh()복사

$p.get('cal_regDt').setReadOnly(true)복사

data-m-itemset='[{"value":"DEV","label":"개발","checked":true},{"value":"DES","label":"디자인"}]' · 단일 체크(data-m-checktype="single") '[{"value":"Y","label":"위 내용에 동의합니다"}]'복사

var arr = $p.get('cbg_agree').getValue() // ['Y']복사

$p.get('cbg_agree').setValue(['Y','N'])복사

$p.get('cbg_agree').setReadOnly(true)복사

$p.get('cbg_agree').redraw(itemsetStr)복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

<div data-m-type="ckeditor" id="edt_view" data-m-toolbar="View"></div>복사

var html = $p.get('cke_body').getValue()복사

$p.get('cke_body').setValue('<p>본문</p>')복사

$p.get('cke_body').setReadOnly(true)복사

$p.get('cke_body').getEditor(function(ed){ ed.focus(); })복사

var ed = $p.get('cke_body').getEditorObj()복사

data-m-itemset='[{"cd":"Y","nm":"사용"},{"cd":"N","nm":"미사용"}]'복사

var cd = $p.get('cmb_use').getValue()복사

var nm = $p.get('cmb_use').getLabel()복사

$p.get('cmb_use').setValue('N')복사

$p.get('cmb_use').setReadOnly(true)복사

var items = $p.get('cmb_use').getList()복사

$p.get('cmb_use').draw({list:[{cd:'A',nm:'에이'}],chooseOption:{code:'',name:'선택'}})복사

$p.get('cmb_use').setCdfield('code')복사

$p.get('cmb_use').setNmfield('codeNm')복사

var opt = $p.get('cht_sales').getValue()복사

$p.get('cht_sales').setValue({xAxis:{...},series:[...]})복사

$p.get('cht_sales').clear()복사

$p.get('cht_sales').getChart(function(c){ c.dispatchAction({...}); })복사

var c = $p.get('cht_sales').getChartObj()복사

$p.get('cht_sales').resize()복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onloaded="$p.fn_pdfLoaded"복사

data-m-onpagechange="$p.fn_pageChanged"복사

data-m-onerror="$p.fn_pdfError"복사

$p.get('pdf_main').load('/files/계약서.pdf')복사

$p.get('pdf_main').reload()복사

$p.get('pdf_main').clear()복사

$p.get('pdf_main').goPage(3)복사

var p = $p.get('pdf_main').getPage()복사

$p.get('pdf_main').setZoom(1.5)복사

$p.get('pdf_main').fitWidth()복사

$p.get('pdf_main').rotate(90)복사

$p.get('pdf_main').print()복사

$p.get('pdf_main').getDocument(function(doc){ doc.getMetadata().then(m => console.log(m)); })복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onloaded="$p.fn_loaded"복사

$p.get('txv_main').load('/logs/app.log')복사

$p.get('txv_main').setValue(res.body)복사

$p.get('txv_main').setMode('xml')복사

$p.get('txv_main').setEncoding('euc-kr')복사

var n = $p.get('txv_main').find('ERROR')복사

$p.get('txv_main').setZoom(1.4)복사

$p.get('txv_main').goLine(1200)복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

$p.get('zip_main').load('/files/서류.zip')복사

var list = $p.get('zip_main').getFileList()복사

$p.get('zip_main').preview('docs/계약서.pdf')복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onloaded="$p.fn_loaded"복사

$p.get('hwp_main').load('/files/협조요청.hwpx')복사

if ($p.get('hwp_main').getFormat() === 'hwp') …복사

var t = $p.get('hwp_main').getText()복사

$p.get('hwp_main').setZoom(1.5)복사

$p.get('doc_main').print()복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onloaded="$p.fn_loaded"복사

$p.get('ppt_main').load('/files/제안서.pptx')복사

$p.get('ppt_main').goSlide(3)복사

$p.get('ppt_main').print()복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onloaded="$p.fn_loaded"복사

$p.get('doc_main').load('/files/계약서.docx')복사

$p.get('doc_main').loadFile(el.files[0])복사

$p.get('doc_main').setZoom(1.5)복사

$p.get('doc_main').print()복사

data-m-onloaded="$p.fn_loaded"복사

$p.get('xlv_main').load('/files/매출집계.xlsx')복사

$p.get('xlv_main').loadFile(el.files[0])복사

var names = $p.get('xlv_main').getSheetNames()복사

$p.get('xlv_main').setSheet(1)복사

$p.get('xlv_main').getGrid().redrawGrid()복사

$p.get('xlv_main').getWorkbook().Sheets복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

data-m-onviewed="$p.fn_viewed"복사

$p.get('imv_main').setValue([{url:'/f/1.jpg',name:'현장사진'}])복사

$p.get('imv_main').add('/f/3.jpg')복사

$p.get('imv_main').show(2)복사

$p.get('imv_main').view(1)복사

$p.get('imv_main').zoom(0.2)복사

$p.get('imv_main').rotate(90)복사

$p.get('imv_main').getViewer(function(v){ v.zoomTo(1); })복사

$p.fn_beforeUpload = function(){ com.alert('데모버전에서는 첨부파일 업로드가 제한됩니다.'); return false; }복사

$p.get('fileGrid').load(row.BOARD_IDX)복사

$p.get('fileGrid').setData(res.fileList, row.BOARD_IDX)복사

await $p.get('fileGrid').save(newIdx)복사

$p.get('fileGrid').setEditable(true)복사

$p.get('fileGrid').openUploadPopup()복사

$p.get('fileGrid').reset()복사

var files = $p.get('fileGrid').getList()복사

data-m-icon="/vendor/moca/images/icon_calendar.svg"복사

data-m-iconmode="mask"복사

data-m-onclick="$p.fn_new"복사

$p.get('fab_new').show()복사

$p.get('fab_new').hide()복사

ds.rowposition = 2복사

$p.get('ds_emp').setData(res.list)복사

$p.get('ds_cond').setMap({ DEPT: 'DEV' })복사

tran.select({ body: $p.get('ds_cond').getMap() })복사

ds.findRowExpr("SAL >= 4000000")복사

await $p.get('tx_list').execute({ USE_YN: 'Y' })복사

상세 <div data-m-type="form" data-m-variant="form" id="fom_detail" data-m-refgrid="grd_main"> · 조회 <div data-m-type="form" data-m-variant="search" id="fom_search">복사

data-m-addition='[{"type":"button","position":"right","id":"btn_read","label":"값 읽기","onclick":"$p.fn_readAll","innerClass":"btn_outline"}]'복사

<div data-m-body="tbody">…</div>복사

<div data-m-row="tr">…</div>복사

<div data-m-cell="th">이름</div><div data-m-cell="td"><div data-m-type="input" data-m-ref="NAME"></div></div>복사

$p.get('fom_detail').setRowJSON(grd.getSelectedRowJSON())복사

data-m-ref="REG_DATE_FROM,REG_DATE_TO" → {REG_DATE_FROM:'20140101', REG_DATE_TO:'20161231', …} / tran.select({ body: $p.get('fom_search').getRowJSON() })복사

$p.get('fom_detail').setStatus('U')복사

if ($p.get('fom_detail').getStatus() === 'C') { … }복사

$p.get('fom_detail').setReadOnly(true)복사

if (!$p.get('fom_detail').validate()) return;복사

$p.get('fom_detail').reset()복사

$p.get('fom_detail').getFormObj('ipt_nm').setReadOnly(true)복사

$p.get('fom_detail').setFormValue('ipt_nm', '홍길동')복사

$p.getParent().getScope()복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

<div data-m-type="grid" id="grd_pop" data-m-toolbar="false">복사

<div data-m-type="grid" id="grd_group" data-m-editguard="true" data-m-editguardtarget="grd_code">복사

data-m-editguardlockmsg="그룹을 먼저 저장하세요."복사

{"exdn":"true","addrow":"true","delrow":"true","full":"true"}복사

data-m-toolbarbtnmobile='{"fold":"true"}' · 편집 그리드 '{"addrow":"true","delrow":"true","fold":"true"}'복사

data-m-toolbarleft='[{"type":"button","id":"btn_x","label":"실행","onclick":"$p.fn_x"}]'복사

data-m-toolbarright='[{"type":"button","id":"btn_save","label":"저장","onclick":"$p.fn_save"}]'복사

data-m-toolbarbtn1='{"position":"right","id":"btn_save","label":"저장","onclick":"$p.fn_save"}'복사

{"type":"numberList", ...}복사

<div data-m-col="AMOUNT" data-m-label="금액" data-m-datatype="money" data-m-calc="sum"></div>
<div data-m-col="REG_DT" data-m-label="등록일" data-m-datatype="date"></div>복사

. style="width: 100px" data-m-columnkey="BOARD_TITLE"복사

<td id="AMOUNT" data-m-datatype="money"></td>복사

사용여부 "Y". 지정하지 않으면 **필수(data-m-required="true") 콤보 칸은 목록의 첫 항목**, 그 밖은 빈 값으로 시작한다. 값이 채워져 시작하므로 콤보에 「-선택-」 이 나오지 않는다(빈 채 저장돼 DB 에 빈 코드가 쌓이던 것) 예) <div data-m-col="USE_YN" data-m-celltype="selectbox" data-m-defaultvalue="Y" data-m-itemset=…>복사

data-m-itemset='[{"cd":"Y","nm":"사용"},{"cd":"N","nm":"미사용"}]'복사

data-m-onbeforeaddrow="$p.fn_beforeAddCode"복사

$p.get('grd_main').drawGrid(res.list)복사

$p.get('grd_main').redrawGrid()복사

$p.get('grd_main').draw(res.list, res)복사

grd.setCellList('SIDO_CD', sidoList, {chooseOption:{code:'',name:'시/도 선택'}})복사

$p.get('grd_main').addRow(0, {USE_YN:'Y'})복사

$p.get('grd_main').removeRow(3)복사

$p.get('grd_main').restoreRow(3)복사

$p.get('grd_main').setRowSelect(0)복사

$p.get('grd_main').clearSelect()복사

$p.get('grd_main').setFocus(0, 'BOARD_TITLE')복사

var i = $p.get('grd_main').getSelectedRowIndex()복사

var row = $p.get('grd_main').getSelectedRowJSON()복사

$p.get('grd_main').getCellData(0, 'USE_YN')복사

$p.get('grd_main').getCellOriData(0, 'USE_YN')복사

moca.$t.exe({url:'/common/save.do', data:{saveQueryId:'...', list: $p.get('grd_main').getModifiedJSON()}})복사

var rows = $p.get('grd_main').getCreateJSON()복사

var rows = $p.get('grd_main').getUpdateJSON()복사

var rows = $p.get('grd_main').getDeleteJSON()복사

$p.get('grd_main').setCellData(0, 'USE_YN', 'N')복사

if (!$p.get('grd_main').validate()) return;복사

$p.get('grd_main').cellAllCheck(thEl, e)복사

$p.get('grd_main').pagingNext(btnEl)복사

var p = $p.get('grd_main').getCurrentPage()복사

$p.get('grd_main').setTotalCnt(res.TOTAL_CNT)복사

$p.get('grd_main').setNumberListCnt($p.get('grd_main').totalCnt)복사

$p.get('grd_main').getToolbarObj('btnAdd').hide()복사

$p.get('grd_main').clickBtn('저장')복사

$p.get('grd_main').filterRemoveAll()복사

var v = $p.get('ipt_amt').getValue() // '1234'복사

$p.get('ipt_amt').getDisplayValue() // '1,234'복사

$p.get('ipt_amt').setValue('1234')복사

$p.get('ipt_amt').setReadOnly(true)복사

$p.get('ipt_name').setPlaceholder('test8')복사

<div data-m-type="inputMultiCalendar" id="imc_schRegDate" data-m-ref="REG_DATE_FROM,REG_DATE_TO"></div>복사

data-m-selecteritem="오늘,3일전,6일전" · "당년,전년"복사

var dt = $p.get('ipc_cal1').getValue() / var t = $p.get('imc_schRegDate').getValue(); // {from:'20140101', to:'20161231'}복사

$p.get('imc_schRegDate').getFrom() // '20140101'복사

$p.get('imc_schRegDate').getTo() // '20161231'복사

$p.get('ipc_cal1').setValue('20260715')복사

$p.get('ipc_range').setFrom('20260101')복사

$p.get('ipc_range').setMultiCalendar({from:'20260101', to:'20260131'})복사

$p.get('ipc_cal1').setReadOnly(true)복사

comp.openPop({
    url:    '/system/demo/ui/page/POP_MENUSEARCH.html',
    title:  '메뉴 검색',
    width:  '640px',
    data:   { menuParam: comp.getValue() },   // 입력해둔 값을 팝업 초기 검색어로
    callback: function(row) {
        comp.setValue(row.MENU_NM);
    }
});복사

var v = $p.get('ipp_menu').getValue()복사

$p.get('ipp_menu').setValue('M001')복사

$p.get('ipp_menu').setReadOnly(true)복사

v5:5 / h3:3:4 / v200px:auto / h240px:auto / vfit:auto / v1(한 칸 100%)복사

그리드+차트 h5:5 화면에서 그리드 칸에 "360" (TPL017)복사

$p.get('lay_main').setRatio('h3:7')복사

$p.get('right').openTab('/system/demo/ui/page/TPL003.html', {title:'게시판'})복사

$p.get('right').closeTab(tabId)복사

var t = $p.get('right').getActiveTab()복사

data-m-itemset='[{"value":"N","label":"일반배송","checked":true},{"value":"F","label":"빠른배송"}]'복사

var v = $p.get('rad_1').getValue()복사

var l = $p.get('rad_1').getLabel()복사

$p.get('rad_1').setValue('value2')복사

$p.get('rad_1').setReadOnly(true)복사

$p.get('rad_1').redraw(itemsetStr)복사

data-m-itemset='[{"cd":"A1","nm":"AAA 대문자"},{"cd":"a1","nm":"aaa 소문자"}]'복사

data-m-casesensitive="true"복사

var cd = $p.get('scb_1').getValue()복사

var nm = $p.get('scb_1').getLabel()복사

var list = $p.get('scb_1').getList()복사

$p.get('scb_1').setValue('2')복사

$p.get('scb_1').setReadOnly(true)복사

$p.get('scb_1').setCdfield('code')복사

$p.get('scb_1').setNmfield('codeNm')복사

목록을 거치지 않고 상세를 바로 열 때 $p.openPop({url:'…/POP_SCHVIEW.html', data:{row:item.data}})복사

$p.get('scc_plan').setData({ schedules: rows.map($p.fn_toItem), dayInfo: { '20260815': { holi: '광복절' } } })복사

$p.openPop({ url:'POP_DAYLIST.html', data:{ ymd:day.ymd, items:comp.getDayItems(day.ymd) } })복사

$p.fn_loadMonth($p.get('scc_plan').getYm())복사

$p.get('scc_plan').setYm('202608')복사

$p.get('scc_plan').today()복사

$p.get('scc_plan').next()복사

$p.get('scc_plan').prev()복사

$p.get('scc_plan').refresh()복사

$p.get('scc_plan').setDayRenderer(function(d){ return d.today ? '<b>오늘</b>' : ''; })복사

$p.get('scc_plan').setBarTint($p.opt['일정 색 채우기'] === 'Y')복사

$p.get('tab_main').selectTab(0)복사

$p.get('tab_main').addTab({text:'상세', src:'/system/demo/ui/page/TPL004.html', closable:true})복사

$p.get('tab_main').removeTab('tabDetail')복사

$p.get('tab_main').reloadTab(0)복사

var i = $p.get('tab_main').getSelectedIndex()복사

var id = $p.get('tab_main').getTabId()복사

var i = $p.get('tab_main').getTabIndex('tabDetail')복사

var n = $p.get('tab_main').getTabCount()복사

var ids = $p.get('tab_main').getTabIds()복사

var t = $p.get('tab_main').getTabTitle(0)복사

$p.get('tab_main').setTabTitle(0, '목록(12)')복사

$p.get('tab_main').setTabDisabled('tabDetail', true);    // 잠금
$p.get('tab_main').setTabDisabled('tabDetail', false);   // 잠금 해제
$p.get('tab_main').setTabDisabled(1, true);              // 인덱스로도 지정복사

if ($p.get('tab_main').isTabDisabled(1)) { … }복사

data-m-resize="true"복사

var v = $p.get('txa_memo').getValue()복사

$p.get('txa_memo').setValue('내용')복사

$p.get('txa_memo').setReadOnly(true)복사

var size = $p.get('sld_size').getValue()복사

$p.get('sld_size').setValue(16)복사

$p.get('sld_size').setReadOnly(true)복사

if ($p.get('tog_use').isOn()) { … }복사

var v = $p.get('tog_use').getValue() // 'Y'|'N'복사

$p.get('tog_use').setValue('Y')복사

$p.get('tog_use').setReadOnly(true)복사

<div data-m-type="output" data-m-ref="AMOUNT" data-m-datatype="money"></div>복사

data-m-datatype="date" data-m-displayformat="yyyy.MM.dd"복사

$p.get('out_amt').setValue(17340)   // 17,340복사

$p.get('out_amt').getValue()   // 17340복사

<div data-m-layout-part="2.1" data-m-type="treeview" id="trv_org" data-m-label="조직도" data-m-toolbarfold="true"></div>복사

$p.get('trv_menu').setData(res.menuList)복사

var nodes = $p.get('trv_menu').getData()복사

$p.get('trv_menu').setOnSelect(function(node){ … })복사

$p.get('trv_menu').selectById('M001')복사

$p.get('trv_org').fold(true)복사

$p.get('trv_org').setLabel('조직도 (사원 42명)')복사

<div data-m-type="grid" id="grd_fix" data-m-fill="false">복사

<div data-m-type="virtualTree" id="vtr_cat" data-m-toolbar="true"></div>복사

<div data-m-layout-part="2.1" data-m-type="virtualTree" id="vtr_cat" data-m-label="가상트리" data-m-toolbarfold="true"></div>복사

$p.get('vtr_cat').setData(res.list)복사

var nodes = $p.get('vtr_cat').getData()복사

$p.get('vtr_cat').setOnSelect(function(n){ … })복사

$p.get('vtr_cat').find('04호', { filter: function(n){ return n.data.NODE_TYPE === 'ITEM'; } })복사

$p.get('vtr_cat').findGo(41)복사

var i = $p.get('vtr_cat').getFindInfo(); lbl.textContent = i.total ? i.index + ' / ' + i.total : '0건'복사

$p.get('vtr_cat').fold(true)복사

$p.get('vtr_cat').setLabel('가상트리 (' + n + ')')복사

await w.load([{url:'./ui/widget/WGT_WEATHER.html',title:'오늘 날씨'}])복사

$p.get('wdg_dash').setRegistry({kpi_sale:{title:'총매출', render:function(body,ctx){ … }}})복사

$p.get('wdg_dash').setLayout([{id:'kpi_sale', cols:1, rows:0}])복사

var lay = $p.get('wdg_dash').getLayout()복사

$p.get('wdg_dash').render()복사

widget.showEmpty('위젯 구성을 불러오지 못했습니다.')복사

$p.get('wdg_dash').startEdit()복사

$p.get('wdg_dash').addWidget('chart_sales')복사

$p.get('wdg_dash').resizeWidget('chart_sales', 2, 1)복사

com.confirm('새 달력명', function(v){ … }, null, { input:{ value: old, maxlength: 60 } })복사

moca.$g.date.getToday()복사

moca.$g.chime(ok ? 'ok' : 'fail')복사

<div data-m-col="REG_DT" data-m-displayfunction="moca.$g.dateFormatter"></div>  <!-- 20140101 → 2014-01-01 -->복사

mconfig.api = { select:'/api/query', save:'/api/save' }복사

el.innerHTML = '<b>' + moca.$g.escapeHtml(row.TITLE) + '</b>'복사

fetch(url, { method:"POST", headers: moca.$g.csrfHeaders({"Content-Type":"application/json"}), body: b })복사

'<input value="' + moca.$g.escapeAttr(v) + '">'복사

el.innerHTML = moca.$g.sanitizeHtml(row.CONTENT)복사

moca.$g.printHtml('<!doctype html><html>…</html>')복사

moca.$g.viewerTypeForFile('보고서.hwpx') → 'hwpviewer'복사

moca.$g.fileIconSrc('보고서.xlsx') → '<mocaHome>/images/icon_file_excel.png'복사

moca.$g.openFileViewer({url:_url, name:row.FILE_NAME, target:'pnl_preview'})복사

moca.$g.downloadName(url, row.FILE_NAME, "document.pdf")복사

moca.$g.downloadFile(_url, row.FILE_NAME)복사

moca.$g.printUrl('/files/계약서.pdf')복사

moca.$g.attachDragScrollbar(bodyEl)복사

moca.$g.dec.add(0.1, 0.2)   // '0.3' — 일반 연산은 0.30000000000000004복사

moca.$g.dec.sub(0.3, 0.1)   // '0.2'복사

moca.$g.dec.mul(1234.56, 3)   // '3703.68' — 일반 연산은 3703.6800000000003복사

moca.$g.dec.div(1, 3, 4)   // '0.3333' · div(총액, 인원, 0, 'down')   // 1원 단위 절사복사

moca.$g.dec.sum([0.1, 0.2, 0.3])   // '0.6' · sum($p.get('grd_list').getData(), 'AMT')복사

moca.$g.dec.round(1.005, 2)   // '1.01' (toFixed 는 '1.00' 이 된다) · round(1.1, 2)   // '1.10' · round(부가세, 0, 'floor')   // 원 단위 내림복사

moca.$g.dec.cmp(0.1 + 0.2, 0.3)   // 1 — 일반 연산 결과는 0.3 보다 크다복사

moca.$g.dec.eq('10.00', '10')   // true복사

moca.$g.dec.toNumber('0.3')   // 0.3복사

var regDt = moca.$g.date.getToday('yyyyMMddHHmmss')복사

moca.$g.date.format('20260731', 'yyyy년 M월 d일 (E)')   // '2026년 7월 31일 (금)'복사

await moca.$g.date.ready()복사

moca.$g.date.addDay('20260731', -7)   // '20260724'복사

moca.$g.date.addMonth('20260131', 1)   // '20260228'복사

moca.$g.date.addYm('202601', -1)   // '202512'복사

moca.$g.date.diffDays('20260701', '20260731')   // 30복사

moca.$g.date.diffMonths('202601', '202603')   // 3복사

moca.$g.date.getLastDayOfMonth('20260201')   // '20260228'복사

moca.$g.date.getQuarterTerm('20260731')   // {from:'20260701', to:'20260930'}복사

var cells = moca.$g.date.getMonthMatrix('202607')복사

moca.$g.date.isDate('20260231')   // false복사

moca.$g.date.pad2(7)   // '07'복사

moca.$g.date.getLunar('20260925')   // {y:2026,m:8,d:15,leap:false} — 추석복사

moca.$g.date.getSolar({ y:2026, m:8, d:15 })   // '20260925'복사

moca.$g.date.formatLunar('20260925')   // '8.15' · formatLunar('20250725')   // '윤6.1' · formatLunar('20260925', '음력 yyyy-MM-dd')   // '음력 2026-08-15'복사

await moca.$t.exe({ url:'/common/select.do', data:{ queryId:'selectX', body:{…} } })복사

var g = new ViewGrid(div); g.drawGrid(rows)복사

var _cal = MocaSwiper.loop($p.get('wpCalSwiper'), { autoHeight:true, onShift:function(pDir){…}, renderSlide:function(pEl,pOff){…} })복사

$p.get('grd_main').drawGrid(list)복사

$p.findAllAttr('data-m-mobileview', 'pop')복사

// 부모 화면의 컴포넌트 값 읽기
var _pct = $p.getParent().getScope().get('ipt_percent').getValue();

// 부모 화면의 함수 호출
$p.getParent().getScope().fn_search();

// 부모 화면 자체를 새로고침
frame.reload($p.getParent());복사

$p.onpageload = function() {
    var _init = $p.getParameter();                       // 예) { menuParam: '게시' }
    $p.get('ipt_schKeyword').setValue(_init.menuParam || '');
    $p.fn_search();
};복사

$p.openPop({
    url:    '/system/demo/ui/page/POP_MENUSEARCH.html',
    title:  '메뉴 검색',
    width:  '640px',
    data:   { menuParam: '게시' },          // 팝업이 $p.getParameter() 로 받는다
    callback: function(row) {               // 팝업이 $p.close(row) 로 닫았을 때
        $p.get('ipt_menuNm').setValue(row.MENU_NM);
    }
});복사

$p.openWin({
    url:    '/system/demo/ui/page/POP_ITEMSEARCH.html',
    title:  '품목 검색',
    width:  760, height: 560,
    data:   { keyword: '마우스' },
    callback: function(row) { $p.get('ipt_itemNm').setValue(row.ITEM_NM); }
});복사

$p.close(_row);    // 확정 — 연 쪽 callback(_row) 호출
$p.close();        // 취소 — callback 호출 안 함
$p.close(true);    // 돌려줄 값은 없지만 "처리됐다"고 알릴 때복사

$p.code({
    'cmb_useYn':    { code: 'USE_YN' },
    'cmb_category': { queryId: 'selectSAM0001CategoryCombo', allOption: { value: '', label: '전체' } }
});복사

code

공통코드 그룹 id — 공통코드 표에서 그 그룹의 코드를 조회한다. 행은 cd/nm 으로 정규화된다

queryId

업무 쿼리 id — 그 쿼리를 조회해 목록으로 쓴다. 쿼리는 cd/nm 필드를 내거나 cdField/nmField 로 알린다

body

queryId 에 넘길 조회 조건(객체). 같은 queryId 를 여러 콤보가 쓰면 첫 body 만 쓴다

allOption

맨 앞 옵션 { value, label } — 예) { value:'', label:'전체' }(Selectbox·그리드 셀. Combobox 는 쓰지 않는다)

selectedValue

처음 선택해 둘 값

cdField

행에서 코드로 쓸 필드명(기본 cd)

nmField

행에서 이름으로 쓸 필드명(기본 nm)