2014-10-08 3 views
1

범위 슬라이더가있는 표준 ui-grid [ng-Grid 3.0]을 필터링하고 싶습니다. 튜토리얼 섹션에서 필자는 간격 텍스트 입력 필터를 찾았지만 범위 슬라이더에서 오는 angularjs 값에 바인드 할 수는 없습니다. 어떤 아이디어?범위 슬라이더를 사용하여 ui-grid 필터링 [ng-grid 3.0/이전]

또는 (다시 한 번) ng-Grid < 3.0으로 코드를 되돌릴 수 있습니다. 여기에 수행하는 방법 모든 아이디어를 (내가 한 번 filteroptions.filtertext에 따라 여러 열을 필터링 할 수있는 지점에 도착

답변

1

I "는"해결책 발견. 이것은 나를 위해 작동

: http://plnkr.co/edit/tXDJj81nqbNAS1yLh1KX?p=preview

$scope.$watch('from', function(newValue) { 
    $scope.gridOptions.columnDefs[5].filters[0].term = newValue;$scope.gridOptions.columnDefs[5].filter[0].term = newValue; 
}); 

$scope.$watch('to', function(newValue) { 
    $scope.gridOptions.columnDefs[5].filters[1].term = newValue; 
}); 

columnDef 지수는 수동으로 검색해야하는 내 경우에는 5 열 데프은 다음과 같습니다.

{ 
    field: 'age', 
    filters: [{ 
     condition: uiGridConstants.filter.GREATER_THAN, 
     placeholder: 'greater than' 
    }, { 
     condition: uiGridConstants.filter.LESS_THAN, 
     placeholder: 'less than' 
    }] 
} 

중요하다 필터가 이전에 정의되었다는 사실!

+0

범위 정렬을 구현할 수 있는지 확인하기 위해 NG 그리드 소스 코드를 파고 있었으므로이 질문을 발견했습니다. 감사. –

관련 문제