2016-02-06 1 views
1

Каков самый простой способ отключить сортировку столбцов трех состояний для угловой сетки пользовательского интерфейса? Третье «неизвестное» состояние очень запутанно.Каков самый простой способ отключить сортировку столбцов из трех состояний?

Пример сортировки UI-сетки: http://ui-grid.info/docs/#/tutorial/102_sorting по умолчанию имеет три состояния сортировки. Мне нужно иметь один столбец в состоянии сортировки по умолчанию (ASC или DESC). При клике событие ui-grid должно приводить к состоянию ASC или DESC, но не к третьему «Undefined».

Это пользовательский интерфейс Сетка v3.1.0

ответ

1

Сетка интерфейса v3.1.0 можно установить sortDirectionCycle для каждого столбца отдельно:

$scope.GridOptions.columnDefs: [{ 
     sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] 
    }, 
    { sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] }, 
    { sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] }, 
    //... for each 
]; 
0

Используется sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] для каждого столбца обработанный ...

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.resizeColumns', 'ui.grid.moveColumns']); 

app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) { 
$scope.gridOptions = { 
enableSorting: true, 
enableColumnMenus : false, 
columnDefs: [ 
      { field: 'name', width: '33%', minWidth: 150, width: 250,sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC]}, 
      { field: 'gender', width: '33%', maxWidth: 200, minWidth: 70,sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] }, 
      { field: 'company', width: '33%',sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] } 
      ] 
     }; 

    $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/100.json') 
    .success(function(data) { 
     $scope.gridOptions.data = data; 
    }); 
}]);