Javascript 如何在重新加载另一个数据集ui网格之前删除ui网格上的排序
我使用加载我的数据集。这是我的要求 步骤01:我想加载dataset_01(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;) 以下是我的结果: 我不希望第二个数据集按名字排序。 我想要没有排序的数据。我怎么做 预期结果: 所以我想在不进行排序的情况下重新加载第二个数据集(意味着我想在加载第二个数据集之前删
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!