Question

在jquery数据表中，我可以通过

更改每页的记录选项

"aLengthMenu": [[50, 100, 150, 200, -1],
[50, 100, 150, 200, "All"]],

任何人都知道如何以角度来实现这个目标吗？

我试过

$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('order', [1, 'asc']).withDisplayLength(250);

和

$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('order', [1, 'asc']).withOption('LengthMenu', [[50, 100, 150, 200, -1], [50, 100, 150, 200, "All"]])

我想要显示50,100,150,200

我在http://l-lin.github.io/angular-datatables/#/api搜索但找不到

Answer 1

你很亲密......使用长度菜单＆＃39;选项只有一个数组：

$scope.dtOptions = DTOptionsBuilder.newOptions().withOption('order', [1, 'asc']).withOption('lengthMenu', [50, 100, 150, 200])

Answer 2

我找到了答案！

因此，您在数据表中使用了一个名为$scope.dtOptions的变量并且有一种方法可以使用.withOption('lengthMenu', [50, 100, 150, 200]);

添加到其中

现在，技术上改变了长度选项而不是长度，但在我的情况下，我需要的是将最小长度选项设置为我想要的长度，并且我有效地改变了表的默认长度。

示例：

$scope.dtOptions =   DTOptionsBuilder.newOptions()
    .withDOM('<"html5buttons"B>lTfgitp')
    .withButtons([])
    .withOption('order', [1, 'asc'])
    .withOption('lengthMenu', [50, 100, 150, 200]);

Answer 3

 (signed)-1 << 1 = 
 4294967295 << 1 = 
 4294967295 * 2 ^ 1 mod 4294967296 = 
 8589934590 mod 4294967296 = 
 4294967294 = 
 (signed)-2

您可以使用以下方法来自定义列表：

$scope.dtOptions = DTOptionsBuilder.newOptions().withDisplayLength(10) 
// Default page size - 10,25,50,100

Answer 4

如果项目中有多个数据表，并且想添加LengthMenu，则可以在Run块中添加它

app.run(['DTDefaultOptions',function(DTDefaultOptions) {
    DTDefaultOptions.setOption('lengthMenu',[[10, 20, 25, 50, -1],[10, 20, 25, 50, 'All']]);
}]);

如果要添加Jquery Datatable支持的任何选项，则可以使用

DTDefaultOptions.setOption(key, value);

在angular datatable中如何更改每页显示记录选项

4 个答案: