使用静态数组时如何在 dx 选择框上启用分页?

Question

我在AngularJS中有一个dx-select-box，它加载了一个大约3k行的数组，这使得性能非常慢。我想启用分页，但我还没有找到这样做的方法。我遵循了文档：

数组数据绑定文档：https://js.devexpress.com/Documentation/Guide/Widgets/SelectBox/Data_Binding/Simple_Array/Array_Only/

在选择框上启用分页：
https://js.devexpress.com/Documentation/Guide/Widgets/SelectBox/Enable_Paging/

但无论如何，我都无法将他们两个放在一起并让他们工作。我也尝试过这个解决方案，但没有运气。

这是 HTML 代码：

<div id="stockShelfs" dx-select-box="vm.stockShelfsOptions"></div>

这是JS：

this.stockShelfsOptions = {
valueExpr: 'stockShelfId',
displayExpr: 'name',
searchExpr: 'name',
searchEnabled: true,
acceptCustomValue: true,
value: this.product.stockShelfId,
placeholder: translate('POr_VelgStockShelf'),
bindingOptions: {
dataSource: 'vm.stockShelfs',
},

如果可能的话，有谁知道如何实现这一目标？

Answer 1

我通过摆脱绑定选项配置来让它工作：

dataSource: new DevExpress.data.DataSource({
store: new DevExpress.data.ArrayStore({
data: vm.stockShelfs,
key: "stockShelfId",
paginate: true,
pageSize: 1
})
}),

然后在 onCustomItemCreate 函数中执行双向绑定