We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Pagination ListBox


Is it possible to put pagination in a listbox?

1 Reply

MV Madhan Venkateshan Syncfusion Team November 6, 2019 06:55 AM

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 
 
 
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 


Loader.
Live Chat Icon For mobile
Up arrow icon