Question

关闭角度UI网格的三态列排序的最简单方法是什么？第三个“未知”状态非常令人困惑。

UI网格排序示例：http://ui-grid.info/docs/#/tutorial/102_sorting默认情况下有三种排序状态。我需要的是让一列处于默认排序状态（ASC或DESC）。在点击事件中，ui-grid应该导致ASC或DESC状态，但不是第三个“Undefined”。

这是UI Grid v3.1.0

Answer 1

Grid UI v3.1.0可以分别为每个列设置sortDirectionCycle：

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

Answer 2

使用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;
    });
}]);

关闭三态列排序的最简单方法是什么？

2 个答案: