Ui-Grid - 배경색 셀을 같은 값으로 변경하십시오.

Question

저는 앵귤러 UI 그리드를 사용하고 있으며 값이 이전과 같을 때 같은 배경색을 유지해야합니다.

내가하지만, cellClass를 사용하여 할 노력하고있어 사용자의 사용 스크롤이의 rowRenderIndex의 값이 변경됩니다 : 값이 다를 때 나는 울부 짖는 소리의 예로서, 색상을 병합해야 그리고 나는 그 참조를 잃어 버렸다.

cellClass: function (grid, row, col, rowRenderIndex, colRenderIndex) { 
 
    ... 
 
}

어떻게 가치와 현재 행 이전 행의 수업을받을 수 있나요?

예제로 플 런커를 만들었습니다. 이 플 런커에서는 이전 필드의 값을 기준으로 열의 색을 변경하려고합니다. 값이 같으면 색상이 동일해야하지만 값이 다른 경우 색상도 달라야합니다. 예를 들어 38 행까지 이동하면 스크롤하는 동안 선의 색상이 변경됩니다.

Plunker

Answer 1

이것은 당신이 사실을 얻어야한다.

다음 컨트롤러에서 관련 코드입니다 :

여기 Plunker가 업데이트됩니다

var currentAge = 0; 
var previousStyle = 'group2'; 
$scope.gridOptions.columnDefs = [ 
    {name:'id'}, 
    {name:'name'}, 
    {field:'age', 
    cellClass: function (grid, row, col, rowRenderIndex, colRenderIndex) { 
     var newStyle; 
     if (currentAge != row.entity.age) { 
      if (previousStyle == 'group2') { 
      previousStyle = ''; 
      newStyle = 'group2'; 
      } else { 
      previousStyle = 'group2'; 
      newStyle = 'group1'; 
      } 
     } else { 
      if (previousStyle == 'group2') { 
      newStyle = 'group1'; 
      } else { 
      newStyle = 'group2'; 
      } 
     } 
     currentAge = row.entity.age; 
     return newStyle; 
     } 
    }, 
    {name: 'address.city'} 
]; 

, http://plnkr.co/edit/gxMGCJTgjVpiY3zRVq0g?p=preview.

궁금한 점이 있으면 알려주세요.