有大量数据列表时dx-select-box不会加载-DevExtreme [英] dx-select-box does not load when there is huge list of data - DevExtreme

问题描述

我有一个要求，要在选择框中显示的数据最多可以包含8000条记录.

I have a requirement where the data to be displayed in the select box can be as huge as 8000 records.

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

Currently when I try to bind the data to a dx-select-box using an array source, the control just crashes and it even hangs my browser.

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

Is there any way I can virtualize the data binding to load a handful of records at a time?

注意:我正在使用具有16.2.5版本的dev extreme angular2库

Note: I am using dev extreme angular2 library with 16.2.5 version

推荐答案

您尝试使用使用此选项，选择框将能够逐步呈现数据.

With this option selectbox will be able to render data step by step.

用法:

<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"
            }
        });
    }
}

这篇关于有大量数据列表时dx-select-box不会加载-DevExtreme的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！