dx-select-box在有大量数据列表时不会加载 - DevExtreme

Question

我有一个要求，即要在选择框中显示的数据可以高达8000条记录。

目前，当我尝试使用数组源将数据绑定到 dx-select-box 时，控件会崩溃，甚至会挂起我的浏览器。

有什么方法可以虚拟化数据绑定以一次加载少量记录？

注意：我正在使用 dev extreme angular2 库和 16.2.5 版本

Answer 1

您是否尝试使用分页选项？

使用此选项，选择框将能够逐步呈现数据。

用法：

<dx-select-box
    [dataSource]="data"
    ...
></dx-select-box>

TS：

import DataSource from 'devextreme/data/data_source';
@Component({
...
})
export class AppComponent {
    ...
    constructor(service: Service) { 
        ...
        this.data = new DataSource({
            paginate: true,
            pageSize: 10,
            store: {
            type: "array",
                data: HUGE_ARRAY,
                key: "ID"
            }
        });
    }
}