확장 행에 일치하는 subGridOptions.data 요소를 어떻게 찾습니까?

Question

Angular UI-Grid v4.0.4에는 확장 가능한 행 안에있는 각 행에 대해 'ViewLog'라는 버튼이 있습니다. ViewLog 단추를 클릭하면 자식 행 안에있는 데이터를 표시하려고합니다. cellTemplate에서 row.entity.subGridOptions.data 배열이며, 상기 예에서는 제

gridApi.expandable.on.rowExpandedStateChanged($scope, function (row) { 
    if (row.isExpanded) { 
     row.entity.subGridOptions = { 
      appScopeProvider: $scope, 
      columnDefs: [ 
       { 
        name: 'Log', 
        field: '', 
        width: "85", 
        cellTemplate: '<button ng-click="grid.appScope.displayLogFile(row.entity.subGridOptions.data[howToFindRightElement]);">View Log</button>' 
       } 
      ] 
     }; 
    } 
}); 

:

이

는 구조 expandable위한

Parent Row 1 
    | 
    --- (ViewLog) Child 1 (json for child 1) 
    --- (ViewLog) Child 2 (json for child 2) 
    --- (ViewLog) Child 3 ... 
    | 
Parent Row 2 
    | 
    --- (ViewLog) Child 1 (json for child 1) 
    --- (ViewLog) Child 2 ... 

코드이다. 부모 행을 확장 한 후 선택한 자식 행과 일치하는 해당 배열에서 올바른 요소를 식별하는 방법을 알아낼 수 없습니다.

자식 행에서 JSON을 찾아서 displayLogFile()으로 전달하고 싶습니다.

Answer 1

잘 이해하면 행을 확장 한 후에 새로 생성 된 UI 그리드의 데이터를보고 싶습니다. 그렇다면, 당신이 치료할 필요가 있다고 생각하는 또 다른 범위입니다. row.entity in expandable !== row.entity in cellTemplate. 그렇다면 반드시 필요한 것은 row.entity입니다. 따라서 다음 columnDef 설정이 효과가 있습니다.

row.entity.subGridOptions = { 
    appScopeProvider: $scope, 
      columnDefs: [ 
       { 
        name: 'Log', 
        field: '', 
        width: "85", 
        cellTemplate: '<button ng-click="grid.appScope.displayLogFile(row.entity);">View Log</button>' 
       } 
      ] 
     };