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
31
32
33
34
35
36
37
38
39
40
41
42
//lookup tree에서 사용할 lookup source들을 등록
gridView.setLookups([{
    id: "customers",
    levels: 2,
    keys: [
        ["France", "VINET"],
        ["France", "VICTE"],
        ["Germany", "TOMSP"],
        ["Brazil", "HANAR"]
    ],
    values: [
        "Vins et alcools Chevalier",
        "Victuailles en stock",
        "Toms Spezialitäten",
        "Hanari Carnes"
    ]
}]);

//컬럼생성시 lookupSourceId와 lookupKeyFields를 설정합니다.
gridView.setColumns([
    ...
    {
        name: "CustomerID2",
        fieldName: "CustomerID",
        type: "data",
        width: "200",
        lookupDisplay: "true",
        lookupSourceId: "customers",
        lookupKeyFields: [
            "Country",
            "CustomerID"
        ],
        styles: {
            background: "#ffffff99",
            textAlignment: "center"
        },
        header: {
            text: "Customer ID 3"
        }
    }
    ...
]);

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
31
32
33
34
35
36
//사용자 입력이 셀에 반영될때 발생하는 이벤트
gridView.onEditCommit = function (id, index, oldValue, newValue) {
    if (index.field == "Country") {
        lookupDataChange(newValue);
    }
};

//그리드의 포커스 셀의 위치가 변경된 후 발생하는 이벤트
gridView.onCurrentChanged = function (grid, newIndex) {
    if (newIndex && newIndex.dataRow > -1) {
        var keyValue = grid.getValue(newIndex.itemIndex, "Country");
        lookupDataChange(keyValue);
    }
};

//해당 이벤트의 keyValue값에 해당하는 lookupSource에 lookupData를 추가
function lookupDataChange(keyValue) {
    if (oldKey != keyValue) {
        var params = { country: keyValue };
 
        $.getJSON("/Demo/GetCustomerByCountry", params, function (data) {
            var lookups = [];
            for (var i in data) {
                if (!gridView.existsLookupData("customers", [data[i].Country, data[i].CustomerID])) {
                    var lookup = [data[i].Country, data[i].CustomerID, data[i].CompanyName];
                    lookups.push(lookup);
                }
            }
            gridView.fillLookupData("customers", {
                rows: lookups
            });
        });
 
        oldKey = keyValue;
    }
}