angular-ui - 如何与 ng-grid 中自定义排序函数中的行实体相关联？

Question

我遵循了 https://github.com/angular-ui/ng-grid/wiki/Sorting-and-filtering 中的文档但传递给自定义排序函数的唯一信息是相关列中单元格的值。

我想访问自定义排序功能中的其他列。

例如:http://plnkr.co/edit/FvcKQjkUv1eeoYPzjdRD?p=preview考虑到角色，我想按名字排序。如果提供了行实体或类似的东西，这将很容易。

感谢您的帮助。尤瓦尔

Answer 1

尝试通过 header 模板实现，整个控件都在您的手中，用于排序回调转到一个函数，您可以在其中做任何您想做的事情

var myHeaderCellTemplate = '<div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{cursor: col.cursor}" ng-class="{ ngSorted: !noSortVisible }">'+
    '<div ng-click="sortByMyPreference()" ng-class="\'colt\' + col.index" class="ngHeaderText">{{col.displayName}}</div>'+
    '<div class="ngSortButtonDown" ng-show="ID.down"></div>'+
    '<div class="ngSortButtonUp" ng-show="ID.up"></div>'+
    '<div class="ngSortPriority">{{col.sortPriority}}</div>'+
    '<div ng-show="col.resizable" '+
          'class="ngHeaderGrip" '+
          'ng-click="col.gripClick($event)" '+
          'ng-mousedown="col.gripOnMouseDown($event)"></div>';

这里是 plunker http://plnkr.co/edit/OxyV1NlgznEJ8ulNAkt2?p=preview

我已经离开了排序的实现，你点击名称选项卡它会显示一个警报和 ID.down 和 ID.up 你可以通过 true false 切换以显示箭头