Pagination ListBox

Thread ID:	Created:	Updated:	Platform:	Replies:
148814	Nov 5,2019 03:04 PM UTC	Nov 6,2019 02:55 PM UTC	JavaScript - EJ 2	1

Subscribe to this post

Tags: ListBox

roberto

Asked On November 5, 2019 03:04 PM UTC

Is it possible to put pagination in a listbox?

Reply | Reply with quote

Madhan Venkateshan [Syncfusion]

Replied On November 6, 2019 02:55 PM UTC

Hi Roberto,

Good day to you.

We have checked your requirement. Currently, listbox does not support paging, but we would like to suggest you to use pager component to change data source of listbox by using click event of pager. We have prepared a sample based on your requirement, please find the sample link below

https://www.syncfusion.com/downloads/support/forum/148814/ze/ListboxWithPaging1021692852

App.ts

let listObj: ListBox = new ListBox({

dataSource: new DataManager(data),

query: new Query().take(5)

});

listObj.appendTo('#listbox1');

let pager: Pager = new Pager({

pageSize: 1,

totalRecordsCount: 3,

click: function(args: PageEventArgs) {

listObj.query = new Query().skip(5 * (parseInt(args.currentPage) - 1)).take(5)

listObj.dataBind();

}

});

pager.appendTo('#pager');

If we misunderstood your requirement, please share more details. So that we can work on this and provide you a better solution quickly.

Regards,

Madhan V

Reply | Reply with quote

CONTACT US

Pagination ListBox

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US