如何以编程方式更新ui-grid中的排序指标? [英] How to update sort-indicators in ui-grid programmatically?

问题描述

我正在使用ui-grid-v3.0.0-rc.22-2015-06-15.

I am using ui-grid - v3.0.0-rc.22 - 2015-06-15.

配置为使用外部排序，效果很好.

It is configured to use external sorting, which works fine.

现在，我需要使用选择框从外部更改已排序的列.选择框的每次更改都会触发外部排序，并且网格中的数据会正确更新.它还会更新gridOptions.columnDefs:将除正确列之外的所有列的排序对象都设置为undefined，并更新已排序的列.

Now i have the requirement to change the sorted column from outside with a select box. On every change of the select box it fires external sorting and the data in the grid is updated correctly. It also updates the gridOptions.columnDefs: It sets the sort object of all columns except the correct one to undefined and updates the sorted column.

但是有一个问题，当前排序的列指示符(在列标题中)没有得到应有的更新.

But there is one problem, the current sorted column indicator (in the column header) is not updated as it should be.

我尝试将gridApi.core.notifyDataChange()与"options"或"column"作为参数值一起使用，但是它也不起作用. 如何以编程方式更新ui-grid中的排序指标?

I tried using gridApi.core.notifyDataChange() with "options" or"column" as parameter value but it didn't work also. How to update the sort-indicators in ui-grid programmatically?

这是由选择框触发的代码的一部分:

Here is a part of the code triggered by the select box:

    function updateSortColumn() {
        if ($rootScope.QuickSearch.sortBy !== undefined) {
            $scope.gridOptions.columnDefs.forEach(function (col) {
                if (col.field === $rootScope.QuickSearch.sortBy) {
                    col.sort = {
                        direction:  $rootScope.QuickSearch.sortOrder,
                        priority: 0
                    };
                }
                else
                {
                    col.sort = undefined;
                }
            });
        }
        if($scope.gridApi !== undefined)
        {
            $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.OPTIONS );
            $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.COLUMN );
        }
    }

推荐答案

您可以使用ui-grid的函数"sortColumn"，如下所示:

You could use the function "sortColumn" of the ui-grid, like this:

$scope.gridApi.grid.sortColumn(column, directionOrAdd, add)

这是此函数的源代码: ui-grid源代码

here is the source code of this function : ui-grid source code

在您的示例中，它会给出类似以下内容:

in your example it will give somthing like this :

 function updateSortColumn() {
        if ($rootScope.QuickSearch.sortBy !== undefined) {
            $scope.gridOptions.columnDefs.forEach(function (col) {
                if (col.field === $rootScope.QuickSearch.sortBy) {
                    $scope.gridApi.grid.sortColumn(col,$rootScope.QuickSearch.sortOrder);
                }
            });
        }
    }

$ rootScope.QuickSearch.sortOrder必须位于(uiGridConstants.ASC | uiGridConstants.DESC)中.您不必提供它.

$rootScope.QuickSearch.sortOrder must be in (uiGridConstants.ASC|uiGridConstants.DESC). You do not have to provide it.

这篇关于如何以编程方式更新ui-grid中的排序指标?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！