當存在大量數據時，dx選擇框不會加載 - DevExtreme

Question

我有一個要求，在選擇框中顯示的數據可以像8000條記錄一樣巨大。

當前，當我嘗試使用數組源將數據綁定到dx選擇框時，控件只是崩潰，甚至掛起我的瀏覽器。

有什麼辦法可以虛擬化數據綁定來一次加載一些記錄嗎？

注：我使用的dev的極端angular2庫16.2.5版本

Answer 1

你有沒有嘗試使用paginate選項？

使用此選項，選擇框將能夠逐步渲染數據。

用法：

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