Lookup 컬럼
컬럼에 연결된 데이터 필드의 실제 값 대신 그 값과 연관된 다른 값을 셀에 표시할 수 있습니다.
values
값을 labels
로 표시될 목록을 지정하면 values
값의 위치에 맞는 labels
항목이 표시됩니다.
values/labels 컬럼에 values
로 설정된 값 중 하나를 입력해 보세요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var columns = [{
...
}, {
name: "UserName",
fieldName: "UserName",
type: "data",
width: "130",
sortable: false,
lookupDisplay: true,
values: ["VINET", "HANAR", "SUPRD", "VICTE", "THREE", "SEVEN"],
labels: ["<VINET>", "<HANAR>", "<SUPRD>", "<VICTE>", "<THREE>", "<SEVEN>"],
styles: {
textAlignment: "center"
},
header: {
text: "Values/Labels",
styles: {
background: "linear,#22ffd500,#ffffd500,90"
}
}
}, {
...
}];
grid.setColumns(columns);
해당 컬럼 셀에는 실제 값 대신 이 필드의 셀과 같은 행에 있는 labelField
의 값을 표시합니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var columns = [{
...
}, {
name: "Age",
fieldName: "Age",
type: "data",
width: "130",
lookupDisplay: true,
labelField: "AgeLabel", //label로 사용할 field설정
styles: {
textAlignment: "center"
},
header: {
text: "Label Field",
styles: {
background: "linear,#22ffd500,#ffffd500,90"
}
}
}, {
...
}];
grid.setColumns(columns);
1
alert(dataProvider.getFieldValues("Age"))
1
alert(dataProvider.getFieldValues("AgeLabel"))
values와 labels 목록은 DropDown
편집기의 lookup 목록으로 사용될 수도 있습니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var columns = [{
...
}, {
name: "Gender",
fieldName: "Gender",
type: "data",
width: "100",
sortable: false,
lookupDisplay: true,
editor: {
type: "dropDown",
dropDownCount: 2,
domainOnly: true,
values: ["Male","Female"],
labels: ["<Male>","<Female>"]
},
styles: {
textAlignment: "center"
},
header: {
text: "Gender",
styles: {
background: "linear,#22ffd500,#ffffd500,90"
}
}
}, {
...
}];
grid.setColumns(columns);
현재 포커스 위치의 value값을 확인해보세요.
1
2
3
var focusIndex = gridView.getCurrent().itemIndex;
var focusField = gridView.getCurrent().fieldName;
alert(gridView.getValue(focusIndex, focusField))