Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在重新加载另一个数据集ui网格之前删除ui网格上的排序_Javascript_Angularjs_Angular Ui_Angular Ui Grid_Ui Grid - Fatal编程技术网

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

Javascript 如何在重新加载另一个数据集ui网格之前删除ui网格上的排序,javascript,angularjs,angular-ui,angular-ui-grid,ui-grid,Javascript,Angularjs,Angular Ui,Angular Ui Grid,Ui Grid,我使用加载我的数据集。这是我的要求 步骤01:我想加载dataset_01(scope.gridOptions.data=res_01;) 步骤02:我想按名字排序(单击按firstname列) 步骤03:单击外部按钮并用另一个数据集重新加载ui网格(scope.gridOptions.data=res_02;) 以下是我的结果: 我不希望第二个数据集按名字排序。 我想要没有排序的数据。我怎么做 预期结果: 所以我想在不进行排序的情况下重新加载第二个数据集(意味着我想在加载第二个数据集之前删

我使用加载我的数据集。这是我的要求

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

步骤02:我想按名字排序(单击按
firstname
列)

步骤03:单击外部按钮并用另一个数据集重新加载ui网格(
scope.gridOptions.data=res_02;

以下是我的结果:

我不希望第二个数据集按
名字排序。
我想要没有排序的数据。我怎么做

预期结果:

所以我想在不进行排序的情况下重新加载第二个数据集(意味着我想在加载第二个数据集之前删除第一个排序)。如何在加载下一个数据集之前重置ui网格(
scope.gridOptions.data=res_01;

我怎么做

谢谢。:)

访问此页面:

实例化gridApi后,您只需调用:

$scope.gridApi.core.refresh();

希望有帮助!:)

您可以将
columnDefs
sort
属性设置为:

sort: {
   direction: undefined,
}
并在之后使用
$sope.gridApi.core.refresh()
调用网格刷新。这将重新渲染整个网格并消除排序

  • 像这样创建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;
        })
    }
    

    嘿,JD。谢谢你的回复。但我认为这行不通。我试过了,但没有达到我的预期效果。我认为ui网格没有清理排序的方法。非常感谢你,我到处都找遍了,你的答案对我来说确实有用,upvote!