Posted on: 4/2/2014 5:19:44 AM | Views : 408

Hi to Every one,
     I have an large data object like following(it is one of the part),I am getting it from the database as a JSON string through ajax request,and I am storing it in the objData variable, Now my problem is I want to display these orders one by one in 400px height div dynamically if the no of orders increases the div loading time also increasing, Is there any method to display first 10 orders when the page or div is load from the next if the user scroll the scroll bar I want to add another 10 orders to the same div after the first 10 orders it goes on till the last order. 
var objData ={ "Orders" :[
                                    {"name": "Order1", "items": [{"Name":"Apple" , "Price":25, "Quantity": 250, "Image":"Apple" } ...

Go to the complete details ...