UI2

1.Messagebox(cube7.ui.msgbox)

cube7.ui.msgbox({title:'{title}',text:'{text}'},type:'{foot-btn}');
cube7.ui.msgbox({title:'알림메세지',text:'선택한 고객이 없습니다.'});
cube7.ui.msgbox({text:'데이터를 삭제하시겠습니까?',type:'yesno',yes:function(){}});
cube7.ui.msgbox({text:'데이터을 복사하시겠습니까?',type:'copy',copy:function(){},mode:function(){}});
cube7.ui.msgbox({text:'데이터작업을 진행하고있습니다.<BR>잠시만 기다려 주십시오 (78%)',type:'stop',stop(){}});

{messagebox} 완료.알림메세지 삭제.예/아니오 복사.이동/취소 작업.진행메세지
완료.알림메세지 삭제.예/아니오 복사.이동/취소 작업.진행메세지

{title}

{text}

{foot-btn}

2.Page(C7pageView)

$('#PAGEVIEW1').C7pageView();
$('#PAGEVIEW2').C7pageView();
$('#PAGE2A01').C7inputFind({css:{'width':400}});
listPage('#PAGEVIEW2');

{top}

{head}

{list-scroll}.{list}

{foot}

고객관리

{list}

{foot}

3.Form(C7formView)

$('#FORMVIEW1').C7formView({title:'{title}'});
$('#FORMVIEW2').C7formView({title:'우편번호'});
$('#FORMVIEW3').C7formView({title:'고객등록'});
$('#FORMVIEW4').C7formView({title:'예약등록'});

formView 우편번호 고객등록 예약등록
formView* 우편번호* 고객등록* 예약등록*

{title}

{head}

{list-scroll}.{list}

{alert}

{foot}

{title}

{alert}

{list}

저장

{title}

{alert}

삭제저장

{title}

{alert}

삭제저장

4.Checkbox(C7check)

$('#CHECK1A01').C7check({text:'{check}'});
$('#CHECK1A02').C7check({text:'선택2'});
$('#CHECK1A03').C7check({text:'선택3',range:3});
$('#CHECK1A04').C7check({text:'선택4',valuetype'text'});
$('#CHECK1A05').C7check({text:'선택5',val:1});
$('#CHECK1A06').C7check({text:'선택6',valuetype:'text',val:'선택6'});

5.Checkbox Group(C7checkGroup)

$('#CHECK2A01').C7checkGroup({item:['{item1}','{item2}','{item3}','{item4}','{item5}']});
$('#CHECK2A02').C7checkGroup({item:['선택1','선택2','선택3','선택4','선택5'],title:'선택하세요:단일선택'});
$('#CHECK2A03').C7checkGroup({item:['빨강','파랑','보라','초록','검정'],title:'색상을 선택하세요:문자반환',valuetype:'text'});
$('#CHECK2A04').C7checkGroup({item:['빨강','파랑','보라','초록','검정'],title:'색상을 선택하세요:문자반환(기본값)',valuetype:'text',val:'초록'});
$('#CHECK2A05').C7checkGroup({item:['빨강','파랑','보라','초록','검정'],title:'색상을 선택하세요:복수선택',multiple:true});
$('#CHECK2A06').C7checkGroup({item:['빨강','파랑','보라','초록','검정'],title:'색상을 선택하세요:복수선택+문자반환',multiple:true,valuetype:'text'});

6.Button(C7button)

$('#BUTTON1A01').C7button({text:'버튼1'});
$('#BUTTON1A02').C7button({text:'버튼2'});
$('#BUTTON1A03').C7button({text:'버튼3',range:3});
$('#BUTTON1A04').C7button({text:'버튼4',valuetype:'text'});
$('#BUTTON1A05').C7button({text:'버튼5',valuetype:'text',val:1});
$('#BUTTON1A06').C7button({item:['버튼6','버튼7','버튼8']});
$('#BUTTON1A07').C7button({item:['동의안함','동의함'],val:1});
$('#BUTTON1A08').C7buttonGroup({item:['불만','상담','진료','수술','필기','예약','전화','수납','메모']});

7.Combobox(C7combo)

$('#COMBO1A01').C7combo({title:'내원경로',item:_comboA01});
$('#COMBO1A02').C7combo({title:'고객구분',item:_comboA02,itemIcon:'ring',strikeEl:'#COMBO1B02'});
$('#COMBO1A03').C7combo({title:'소개고객',icon:'find'});
$('#COMBO1A04').C7combo({title:'문자발송',icon:'phone'});
$('#COMBO1A05').C7combo({title:'내원일자',icon:'date'});
$('#COMBO1A06').C7combo({title:'예약시간',icon:'time'});

{title}

{list}

{foot}

7-1.ComboFind(cube7.ui.comboFind)

$('#COMBO2A01').C7combo({title:'고객찾기',icon:'find'});

{title}

{alert}

{list}

7-2.ComboDate(cube7.ui.comboDate)

$('#COMBO3A01').C7combo({title:'예약일자',icon:'date'});
$('#COMBO3A02').C7combo({title:'조회일자',icon:'date',unit:2});
$('#COMBO3A03').C7combo({title:'내원일자',icon:'date',unit:4});

{title}

{head}

{calendar}

8.Selectbox(C7selectView)

$('#SELECT1A01').C7selectView({title:'진료명/처치명',item:_selectitem,css:{'width':400,'height':300}});
$('#SELECT1A02').C7selectView({title:'진료명/처치명',item:_selectitem,css:{'width':400,'height':200}});

{title}

{list1}

{list2}

{foot}

9.Listbox(C7listView):itembox V1

$('#LISTA01').C7listView({title:'내원경로',item:_listitem1});

{title}

{alert}

{list}

{foot}

9-1.Itembox(C7itemView):itembox V2

$('#ITEMA01').C7itemView({title:'내원경로',item:_listitem1});
$('#ITEMA02').C7itemView({title:'고객구분',item:_listitem2,itemIcon:'ring'});

{title}

{alert}

{list}

{foot}

{title}

{alert}

{list}

{foot}

9-2.Itemsbox(C7itemsView)

$('#ITEMSA01').C7itemView({title:'진료명/처치명',item:_selectitem});

{title}

{alert}

{list1}

{alert}

{list2}

{foot}

11.Toast(C7toastView)

cube7.ui.toast({text:'데이터를 정상적으로 처리하였습니다.',time:1000});
cube7.ui.toast({title:'알림메세지',text:'데이터를 정상적으로 처리하였습니다.',time:2000});

{toast-top}

{toast-bottom}

{toast-center}

처리완료(DEMO) 제목+처리완료(DEMO)
처리완료(TOP) 제목+처리완료(TOP)
처리완료(BOTTOM) 제목+처리완료(BOTTOM)
처리중(CENTER)

{text}

{title}

{text}

12.TabMenu(C7tabView)

$('#TABS01').C7tab({item:_tabitem1});
$('#TABS02').C7tab({item:_tabitem1,type:'tab'});
$('#TABS03').C7tab({item:_tabitem1,type:'line'});

13.FIleUpload(C7fileView):AJAX

$('#FORMVIEW5').C7formView({title:'사진등록',type:'file'});

사진등록 사진등록*

{title}

{alert}

삭제저장

14.FIleUpload(C7fileView2):AXIOS

$('#FORMVIEW6').C7formView({title:'사진등록2',type:'axios'});

사진등록2 사진등록2*

{title}

{alert}

삭제저장

15.Canvas(C7Canvas)

$('#FORMVIEW7').C7formView({title:'필기도구',type:'draw'});

필기도구 필기도구*

{title}

{alert}

삭제저장

16.Dropdown(C7Dropdown)

$('#DROPDOWN1').C7dropDown({text:'추가',item:menu['C01add']});
$('#DROPDOWN2').C7dropDown({text:'추가',item:menu['C01add']});
$('#DROPDOWN3').C7dropDown({text:'추가',item:menu['C01add']});

추가

{No.subtitle}