当存在巨大的数据列表时,dx-select-box不会加载 - DevExtreme

时间:2017-03-31 12:51:45

标签: angular devexpress devextreme

我要求在选择框中显示的数据可以达到8000条记录。

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

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

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

1 个答案:

答案 0 :(得分:1)

您是否尝试使用paginate选项?

使用此选项,selectbox将能够逐步呈现数据。

用法:

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