JavaScript/jQuery SelectBox - Enable Paging

Paging properties are set in the DataSource: paginate enables paging; pageSize specifies how many data items a page should contain.

JavaScript
  • $(function() {
  • $("#selectBoxContainer").dxSelectBox({
  • dataSource: new DevExpress.data.DataSource({
  • store: /* A store is configured here */,
  • paginate: true,
  • pageSize: 10
  • }),
  • // ...
  • });
  • });

If the entire dataset is on the client (stored in a local array or loaded using the CustomStore in raw mode), data items are only rendered page by page.

If the dataset is on the server, and the server supports paging, the data items are also loaded by pages.

See Also