LookupSource
컬럼에 연결된 데이터 필드의 실제 값 대신 그 값과 연관된 다른 값을 셀에 표시하기 위한 설정 정보
Signature:
export interface LookupSource
Remarks
setLookups, addLookupSource 에서 사용된다.
Example
dataProvider.setFields([
{ fieldName:"field1"},
{ fieldName:"field2"},
{ fieldName:"text1"},
{ fieldName:"text2"},
....
]);
gridView.setColumns([
{ fieldName:"field1", name:"field1", lookupDisplay:true, lookupSourceId:"field1Data", lookupKeyFields:["field1"], editor:{type:"dropDown"}},
{ fieldName:"field2", name:"field2", lookupDisplay:true, lookupSourceId:"field2Data", lookupKeyFields:["field1","field2"], editor:{type:"dropDown"}},
{ fieldName:"text1", name:"text1"},
{ fieldName:"text2", name:"text2"}
....
]);
// field1의 셀을 수정하였을때 field2의 dropDown Editor의 목록이 변경되도록 컬럼 구성
....
gridView.setLookups([
{ id:"field1Data",
levels:1,
keys:["data1","data2","data3"],
values:["데이터1","데이터2","데이터3",],
},
{ id:"field2Data",
levels:2,
keys: [
["data1","data1_code1"],
["data1","data1_code2"],
["data1","data1_code3"],
["data1","data1_code4"],
["data2","data2_code1"],
["data2","data2_code2"],
["data3","data3_code3"],
["data3","data3_code4"]
],
values:[
["데이터1_코드1"],
["데이터1_코드2"],
["데이터1_코드3"],
["데이터1_코드4"],
["데이터2_코드1"],
["데이터2_코드2"],
["데이터3_코드1"],
["데이터3_코드2"]
],
}
]);
// field1에서 data1을 선택하면 field2의 dropDown Editor에는 data1의 하위코드들만 보여진다.
Properties
Property | Type | Description |
---|---|---|
id | string | 고유명 (id) |
keys | string[] | string[][] | 키들 |
levels | number | lookup tree 에서의 수준 |
ordered | boolean | |
values | string[] | 값 |
Properties Desc
id
고유명 (id)
Type
- string
keys
키들
Type
- string[] | string[][]
Remarks:
level
이 1보다 큰 경우, 순차적으로 해당 레벨과 대응되는 key 값들을 입력해야한다.
Example:
// level 1 인 경우
['동물', '식물', '균류']
// level 2 인 경우
[['동물', '인간'], ['동물', '쥐'], ['식물', '피튜니아'], ['식물', '파리지옥'], ['균류', '푸른곰팡이'], ['균류', '송이버섯']]
levels
lookup tree 에서의 수준
Type
- number
Remarks:
1
이상이어야 한다.
ordered
Warning: This API is now obsolete.
정렬 여부
Type
- boolean
Remarks:
2.8.5 버전에서 제거하고 입력된 순서대로 나오도록 변경
values
값
Type
- string[]