覆盖Ascending Descending函数 - ui-grid

时间:2016-10-13 16:15:21

标签: angular-ui-grid ui-grid

我正在使用网格视图作为报告视图。我需要覆盖Sort AscendingSort Descending事件的功能。

enter image description here

以下是 gridOptions 的代码。

var dynamicColumnDefs = _.map(_.keys(res[0]), function (key) {
 return {name: key, field: key, width: '10%', enableHiding: false};
});
 console.log('columnDefs', dynamicColumnDefs);
 scope.gridOptions = {
  data: res,
  enableColumnResize: true,
  enableGridMenu: true,
  exporterMenuPdf: false,
  columnDefs: dynamicColumnDefs,
  enableHorizontalScrollbar: 2,
  enableVerticalScrollbar: 2,
  onRegisterApi: function (gridApi) {
   // I hope I need to overide my function here
 }
};

点击AscendingDescending后,我需要触发该事件。我该怎么做。 谢谢

1 个答案:

答案 0 :(得分:0)

我能做到;

scope.gridOptions = {
 data: res,
 enableColumnResize: true,
 enableGridMenu: true,
 exporterMenuPdf: false,
 columnDefs: dynamicColumnDefs,
 enableHorizontalScrollbar: 2,
 enableVerticalScrollbar: 2,
 onRegisterApi: function (gridApi) {
  scope.gridApi = gridApi;
  scope.gridApi.core.on.sortChanged(scope, scope.sortChange);
  sortChanged(scope.gridApi.grid, [scope.gridOptions.columnDefs[1]]);
 }
};

sortChanged = function (grid, sortColumns) {
// Do Whatever I want
}