javascript - SlickGrid如何显示50行

Question

在我的网站中，我有一个 slickGrid 来显示具有排名的人员列表。我想实现显示的自动过滤器: - 前 50 名选手/ - 最后 50 人/ - 全部

为此，我尝试了 1 件事:我有一个自定义过滤器，其中一个会尝试一个人的排名，如果低于 50，我会显示他。但这个解决方案的问题是，如果我有多个具有相同排名的人，我的 slickgrid 有可能显示超过 50 行。

使用这种方法，我还有一个麻烦，因为我无法过滤 50 个最后的人，因为我不知道最后的排名和我的 slickGrid 中的人数。

我的 slickgrid 已经按排名排序，所以我想知道是否有一个简单的解决方案，所以我的 slickgrid 显示前 50 行/最后 50 行或所有行。

如果您能解决我的问题，谢谢。

Answer 1

首先，我的建议是使用 defaultSort 选项:

$scope.usersGrid = {};
$scope.usersGrid.gridOptions = {
                defaultSort: {
                 id: 'loginName',
                 field: 'loginName',
                 asc: true
                 }
            };

然后，在设置行时，您应该维护一个 javascript 对象:

$scope.usersGrid.setRows(users);

当使用 javascript 对象(在我们的例子中是用户)时，您可以轻松维持 50 个用户的最大长度。