2013-07-15 4 views
3

나는 프로그래밍 각도 그리드 NG 그리드에 gridOptions.sortInfo를 업데이트하려고하지만 그것이 작동 얻을 수 없습니다.어떻게 그리드 그리드 gridOptions.sortInfo를 업데이트합니까?

나는 "이름"과 "연령"열을 모두 가지고있다. 나는 처음에 "name"컬럼에 정렬을 설정하고 있지만 새로운 데이터를로드하고 "age"를 정렬하도록 업데이트하려고합니다. (열 머리글을 클릭하는 것뿐만 아니라 프로그래밍 방식으로).

나는 새로운 값으로 $ scope.gridOptions.sortInfo를 설정할 수 있지만 그리드이 반영되지 않습니다. gridOptions.sortInfo를 업데이트하는 올바른 방법은 무엇입니까?

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

편집 :

plunker을 참조하십시오 내가 정렬 방향을 업데이트 할 수 있도록하고 싶습니다 있습니다 즉, 상승/실제 컬럼에 정렬 할뿐만 아니라 내림차순.

많은 감사

+0

내가 이것을 알고 싶어요 : 내림차순 위해 그것은 나를 위해 속임수를 썼는지 글쎄 ... 나는 지금까지 그리드 열을 몇 번 변경하는 방법에 대한 질문을 보았고 대답을 보지 못했다. 아마 소스를 파헤쳐 야 할 필요가있을 것이다. – shaunhusain

답변

11

예, 소스 코드 (행 번호 128 여기 link)에 따라 당신은 그냥 같이 할 수 있어야는 :

$scope.updateSortInfo = function() { 
    $scope.gridOptions.sortBy('name'); 
} 

plunker가 작동하는지 보여줍니다. I forked it here.

다음은 텍스트 상자에서 전달 sortColumn와 다른 버전입니다 : plunker. 같은 열 두 번 $scope.gridOptions.sortBy()를 호출하는 경우

+2

좋습니다. 고마워요. 이것은 내가 열 이름을 설정해야하지만, 불행히도 정렬 방향 (asc/desc)을 처리하지 않습니다. 코드가 sortInfo 객체를 가져 오도록 업데이트 된 경우 좋을 것입니다. {fields : [ 'age'], directions : [ 'desc']} – EdL

5

밝혀, 그것은 내림차순으로 정렬합니다. 이것

2

봐 :이 텍스트에 대한 http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef

검색 : 일종의

종류의 정보의 객체, 속성은 다음과 같습니다

내가 처음에 ID 열을 기준으로 정렬 할 필요

var columnsDef = [ 
      {name:'id',width:50,sort: { 
       direction: 'desc', 
       priority: 0 
      }}, 
      {name:'title',width:350}, 
      {name:'address'}, 
      {name:'date',width:150}, 
      {name:'description',minWidth:450} 
     ]; 
$scope.theGrid.columnDefs = columnsDef;