ListType1 파라메터의 이해와 사용법2
ListType1
ListType1은 다보리 파라메터 중 가장 많이 사용되는 파라메터입니다. 주로 필터링을 통해 데이터를 List 형식으로 출력합니다.
ListType1 예시
1. view page
상단 필터링을 통해 데이터가 걸러지고 하단 박스에 결과 데이터들을 출력합니다.
2. para
{
"//list-type-1": "simple and plain list by query of table join",
"General": {
"Title": "업체조회",
"PageApi": "list-type1-page",
"ActApi": "list-type1-upload"
},
"QueryVars": {
"QueryName": "company-input",
"FilterName": "",
"FilterValue": "",
"SimpleFilter": ""
},
"HeadSelectOptions": [
{
"Value": "new",
"Caption": "추가"
},
{
"Value": "multi-delete",
"Caption": "일괄 삭제"
}
],
"//FormVars": "FormVars[0]-caption, FormVars[1]-searchPopup",
"FormVars": [
{
"ListButton": "조회",
"DateRange": "",
"DateNavi": "일자방향(오늘)",
"Date": "",
"From": "부터",
"To": "까지",
"FirstRange": "",
"SecondRange": "",
"ThirdRange": "",
"FourthRange": "",
"AddTotalLine": "",
"SelectPopup": "",
"MultiPopup": "",
"ChartPopup": "",
"DownloadList": "",
"ShowOnlyClosed": "",
"Balance": "",
"OrderBy": "표시 순서",
"FilterOption": "조건조회",
"SimpleOption": "거래유형 지정"
}
],
"FilterSelectOptions": [
{
"Value": "",
"Caption": "=검색 조건="
},
{
"Value": "",
"Caption": "메뉴코드"
}
],
"SimpleSelectOptions": [
{
"Value": "sort ='buyer'",
"Caption": "매출업체"
},
{
"Value": "sort ='supplier'",
"Caption": "공급업체"
},
{
"Value": "sort ='seller'",
"Caption": "입점업체"
},
{
"Value": "sort ='agent'",
"Caption": "영업대리인"
},
{
"Value": " =''",
"Caption": "해외(무역)업체"
},
{
"Value": "sort =''",
"Caption": "금융기관"
},
{
"Value": "sort =''",
"Caption": "급여대상자"
},
{
"Value": "sort =''",
"Caption": "거래중지"
},
{
"Value": "",
"Caption": "전체"
}
],
"//ListType1RangeVars": "[0]-filter, [1]-component, [2]-parameter",
"ListType1RangeVars": [
{
"FirstRange": "",
"SecondRange": "",
"ThirdRange": "",
"FourthRange": ""
},
{
"FirstRange": "",
"SecondRange": "",
"ThirdRange": "",
"FourthRange": ""
},
{
"FirstRange": "",
"SecondRange": "",
"ThirdRange": "",
"FourthRange": ""
}
],
"DateNaviOptions": [
{
"Value": "day",
"Caption": "일"
},
{
"Value": "week",
"Caption": "주"
},
{
"Value": "month",
"Caption": "월"
},
{
"Value": "quarterly",
"Caption": "분기"
},
{
"Value": "semiannual",
"Caption": "반기"
},
{
"Value": "year",
"Caption": "년"
},
{
"Value": "all",
"Caption": "전체"
}
],
"SelectPopupOptions": [
{
"Caption": "업체 출력(새탭)",
"Component": "",
"Parameter": "",
"TabbedMenuHash": "d2e8109543c426b4a3cb71c4a129a52d"
}
],
"SelectLinkedPopupOptions":[
{
"Caption": "업체 출력(새탭)",
"Linked":"/dabory/erp/master-data/company-tabbed?bpa=eyJtZW51X25hbWUiOiJcdWM1YzVcdWNjYjRcdWI0ZjFcdWI4NWQtXHVkMGVkIiwibWVudV9jb2RlIjoiNzgwNjA0IiwiZGlzYWJsZV9sX21lbnUiOiIwIiwiZW5hYmxlX3JfbWVudSI6IjAiLCJwZXJtaXNzaW9uIjp7ImlzX215bWVudSI6IjAiLCJpc19saXN0IjoiMSIsImlzX3JlYWQiOiIxIiwiaXNfY3JlYXRlIjoiMSIsImlzX3VwZGF0ZSI6IjEiLCJpc19kZWxldGUiOiIxIiwiaXNfbmV3dGFiIjoiMCJ9LCJwYWdlX3VyaSI6IlwvZGFib3J5XC9lcnBcL21hc3Rlci1kYXRhXC9jb21wYW55LXRhYmJlZCIsInBhcmFfbmFtZSI6IlwvZm9ybVwvZm9ybS1hXC9jb21wYW55LXRhYmJlZCIsInRoZW1lX2RpciI6IiIsIm1haW5fYXBwX2lkIjowLCJndWVzdF9hcHBfaWQiOjAsImN1c3RvbV92YXIiOiIiLCJ0YWJiZWRfbWVudV9oYXNoIjoiZDJlODEwOTU0M2M0MjZiNGEzY2I3MWM0YTEyOWE1MmQifQ=="
}
],
"// OrderByOptions": "OrderBy Options//첫번째 Value가 Default",
"OrderByOptions": [
{
"Value": "",
"Caption": "상품 코드 순서"
},
{
"Value": "",
"Caption": "상품 코드 역순"
}
],
"//BalanceOptions": "Show OnlyBalaceRemained or All",
"BalanceOptions": [
{
"Value": "",
"Caption": "전체 보기"
},
{
"Value": "c10 > 0",
"Caption": "잔량있는 것만"
}
],
"DisplayVars": {
"IsSimpleSelectPage": false,
"IsListFirst": true,
"IsExcelColumn": true,
"InitLines": 15,
"InitDateRange" : "week",
"HeadHeight": "130",
"IsC1Popup": "3",
"BodyHeight": "570"
},
"//Theme": "ListVars[0]-caption, ListVars[1]-size(px), ListVars[2]-align->right(number) left(left)",
"ListVars": [
{
"$Radio": "$Radio",
"$Check": "$Check",
"No": "번호",
"C1": "업체명",
"C2": "담당자",
"C3": "업체구분",
"C4": "모바일번호",
"C5": "전화번호",
"C6": "이메일",
"C7": "상호",
"C8": "업체번호"
},
{
"$Radio": "3",
"$Check": "3",
"No": "3",
"C1": "5",
"C2": "5",
"C3": "10",
"C4": "5",
"C5": "6",
"C6": "6",
"C7": "6",
"C8": "6"
},
{
"$Radio": "center",
"$Check": "center",
"No": "center",
"C1": "left",
"C2": "left",
"C3": "left",
"C4": "left",
"C5": "left",
"C6": "left",
"C7": "left",
"C8": "left"
}
]
}
ListType1 Filter 제어하기
- ListType1에서는 위 이미지처럼 date나 조회조건, 거래유형 등의 검색필터들을 설정할 수 있습니다.
- 프론트엔드에서 ListType1의 Filter를 제어할 수 있는 방법에 대해서 설명합니다.
1. DateNavi 제어하기
(1). FormVars에 DateNavi를 지정합니다.
(2). DateRange는 ""으로 입력합니다. (현재는 Deprecate 되었습니다.)
"FormVars": [
{
"ListButton": "조회",
"DateRange": "",
"DateNavi": "일자방향(오늘)",
"Date": "",
"From": "부터",
"To": "까지",
"FirstRange": "",
"SecondRange": "",
"ThirdRange": "",
"FourthRange": "",
"AddTotalLine": "",
"SelectPopup": "",
"MultiPopup": "",
"ChartPopup": "",
"DownloadList": "",
"ShowOnlyClosed": "",
"Balance": "",
"OrderBy": "표시 순서",
"FilterOption": "조건조회",
"SimpleOption": "거래유형 지정"
}
],
위와 같이 사용됩니다.
"DateNaviOptions": [
{
"Value": "day",
"Caption": "일"
},
{
"Value": "week",
"Caption": "주"
},
{
"Value": "month",
"Caption": "월"
},
{
"Value": "quarterly",
"Caption": "분기"
},
{
"Value": "semiannual",
"Caption": "반기"
},
{
"Value": "year",
"Caption": "년"
},
{
"Value": "all",
"Caption": "전체"
}
],(4). InitDateRange에 초기 default값을 지정합니다.
"DisplayVars": {
"IsSimpleSelectPage": false,
"IsListFirst": true,
"IsExcelColumn": true,
"InitLines": 15,
"InitDateRange" : "week",
"HeadHeight": "130",
"IsC1Popup": "3",
"BodyHeight": "570"
},아래와 같이 설정된 default 값으로 DateNavi를 출력할 수 있습니다.
No Comments