使用静态数组时如何在 dx-select-box 上启用分页？

Question

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

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

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

但无论如何，我都无法将他们两个放在一起并让他们工作。我也试过 this solution 但没有成功。

这是 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

我通过删除 bindingOptions 配置让它工作：

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

然后在 onCustomItemCreating 函数中进行双向绑定

使用静态数组时如何在 dx-select-box 上启用分页？

How to enable paging on dx-select-box when using static array?

devexpress

angularjs

drop-down-menu

devextreme