如何在重新加载另一个数据集 ui-grid 之前删除 ui-grid 上的排序

Question

我使用ui-grid加载我的数据集。 这是我的要求；

步骤 01：我想加载 dataset_01 ( scope.gridOptions.data = res_01; )。

步骤 02：我想按firstname排序（按firstname列单击）。

步骤 03：单击外部按钮并使用另一个数据集（ scope.gridOptions.data = res_02; ）重新加载 ui-grid。

这是我的结果：

我不想在这里按First Name对第二个数据集进行排序。 我想要没有排序的数据。 我该怎么做？

预期结果：

所以我想重新加载第二个数据集而不进行排序（意味着我想在加载第二个数据集之前删除第一个排序）。 如何在加载下一个数据集（ scope.gridOptions.data = res_01; ）之前重置我的 ui-grid。

我该怎么做？

谢谢。 :)

Answer 1

您可以将columnDefs的sort属性设置为：

sort: {
   direction: undefined,
}

并在之后使用$sope.gridApi.core.refresh()调用网格刷新。 这应该重新渲染整个网格并摆脱排序。

Answer 2

访问此页面： http : //ui-grid.info/docs/#/api/ui.grid.core.api : PublicApi

实例化您的 gridApi 后，您可以调用：

$scope.gridApi.core.refresh();

希望有帮助！ :)

Answer 3

1. 像这样创建你的 gridoption

例子

$scope.gridOptions = {
    useExternalPagination: true,
    useExternalSorting: false,
    enableFiltering: false,
    enableSorting: true,
    enableRowSelection: false,
    enableSelectAll: false,
    enableGridMenu: true,
    enableFullRowSelection: false,
    enableRowSelection: false,
    enableRowHeaderSelection: false,
    paginationPageSize: 10,
    enablePaginationControls: false,
    enableRowHashing: false,
    paginationCurrentPage:1,
    columnDefs: [
        { name: "FristName", displayName: "Frist Name", width: '6%', sort: { direction: undefined }  },
    ]
};

之后，您可以使用以下代码删除所需的排序

$scope.RemoveSorting = function ()
{
    $scope.gridOptions.columnDefs.forEach(function (d) {

        d.sort.direction = undefined;
    })
}