RealGrid2 가이드
데이터 가져오기
마스터 디테일 예제

마스터 디테일

간단한 마스터 디테일 예 입니다.

  masterGrid.onCurrentRowChanged = function (grid, oldRow, newRow) {
    detailGet(newRow);
  };
 
  var detailData = [
    { OrderID: 10248, ProductName: "Queso Cabrales", UnitPrice: 14, Quantity: 12 },
    { OrderID: 10248, ProductName: "Singaporean Hokkien Fried Mee", UnitPrice: 9.8, Quantity: 10 },
    { OrderID: 10248, ProductName: "Mozzarella di Giovanni", UnitPrice: 34.8, Quantity: 5 },
    { OrderID: 10249, ProductName: "Tofu", UnitPrice: 18.6, Quantity: 9 },
    { OrderID: 10249, ProductName: "Manjimup Dried Apples", UnitPrice: 42.4, Quantity: 40 },
    { OrderID: 10250, ProductName: "Jack's New England Clam Chowder", UnitPrice: 7.7, Quantity: 10 },
    { OrderID: 10250, ProductName: "Manjimup Dried Apples", UnitPrice: 42.4, Quantity: 35 },
    { OrderID: 10250, ProductName: "Louisiana Fiery Hot Pepper Sauce", UnitPrice: 16.8, Quantity: 15 },
    { OrderID: 10251, ProductName: "Gustaf's Knäckebröd", UnitPrice: 16.8, Quantity: 6 },
    { OrderID: 10251, ProductName: "Ravioli Angelo", UnitPrice: 15.6, Quantity: 15 },
    { OrderID: 10251, ProductName: "Louisiana Fiery Hot Pepper Sauce", UnitPrice: 16.8, Quantity: 20 },
    { OrderID: 10252, ProductName: "Sir Rodney's Marmalade", UnitPrice: 64.8, Quantity: 40 },
    { OrderID: 10252, ProductName: "Geitost", UnitPrice: 2, Quantity: 25 },
    { OrderID: 10252, ProductName: "Camembert Pierrot", UnitPrice: 27.2, Quantity: 40 },
    { OrderID: 10253, ProductName: "Gorgonzola Telino", UnitPrice: 10, Quantity: 20 },
    { OrderID: 10253, ProductName: "Chartreuse verte", UnitPrice: 14.4, Quantity: 42 }
  ];
 
  function detailGet(masterRow) {
    detailProvider.clearRows();
 
    if (masterRow >= 0) {
        var mstKey = masterProvider.getValue(masterRow, "OrderID");
 
        // detailData 배열에서 자료추출. DB대용
        var datas = detailData.filter(function (element) {
            if (element.OrderID === mstKey) {
                return true;
            }
        });
 
        detailProvider.setRows(datas);
    };
  };