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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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
loading
Tags: ListBox
roberto
Asked On November 5, 2019 03:04 PM UTC


Is it possible to put pagination in a listbox?

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


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon