3

angular ui.gridでソートされた列とその順序を見つける方法。実際には、サーバーベースのページネーションを設定したいと考えています。このために、{pageNumber、pageSize、column、order} としてパラメーターでデータを送信します。angular ui.gridでユーザーがソートした列(名前/年齢/番号)とその順序(ASC / DESC)を見つける方法

4

2 に答える 2

10

Angular ui-grid は、列がソートされたときに sortChanged イベントを起動します。また、明示的useExternalSortingに true に設定する必要があります。

関数の gridOptions でこのイベントをキャッチし、次のonRegisterApiように、グリッドと並べ替えられた列の配列をパラメーターとして受け取るコールバック関数で並べ替えロジックを処理できます。

$scope.gridOptions = {
    useExternalSorting: true,
    columnDefs: [
       ...
    ],
    onRegisterApi: function( gridApi ) {
      $scope.gridApi = gridApi;
      $scope.gridApi.core.on.sortChanged( $scope, function(grid, sortColumns){

          // sortColumns is an array containing just the column sorted in the grid
          var name = sortColumns[0].name; // the name of the first column sorted
          var direction = sortColumns[0].sort.direction // the direction of the first column sorted: "desc" or "asc"

          // Your logic to do the server sorting
      });
    }
};
于 2015-09-23T13:51:26.837 に答える