Question

I am using jquery mobile and phonegap.

Here is my json result set getting from server and put into the global variable.

var categoriesArr = [
            {    
            "Categories": "Bengali Products",        
            "desc": [{"code":"40740","product":"Alphonso Mango Jam 300 Gms","rate":"54.00"}]                                
            },
        {    
        "Categories": "Beverages (Town)",        
            "desc":  [{"code":"40011","product":"Badam Powder 100grams","rate":"30.00"}]                            
            }           
        ];

If you click on one category, it will show the category description(desc) which contain more than 100 records.

Using this result set, how to paginate(10 per page) the categories in list view.

Answer 1

Your question is kind of vague – is this what you need?

var len = categoriesArr.length;
for(var i = 0 ; i < len ; i++){
    //do something with categoriesArr[i].Categories (could write to DOM)
    console.log(categoriesArr[i].Categories);
    for(var x in categoriesArr[i].desc[0]){
        //do something with categoriesArr[i].desc[0][x] (could write to DOM)
        console.log(x + ": " + categoriesArr[i].desc[0][x]);
    }
}

I log the results to the web console, but please feel free to do whatever you wish.

To paginate you should look at FilamentGroup’s Mobile Pagination Plugin

Edit After Your Comment

Do you mean the desc arrays contain more than one element, a la:

var categoriesArr = [
            {    
            "Categories": "Bengali Products",        
            "desc": [{"code":"40740","product":"Alphonso Mango Jam 300 Gms","rate":"54.00"}, {"code":"1337","product":"jordanarseno","rate":"Free"}]                                
            },
        {    
        "Categories": "Beverages (Town)",        
            "desc":  [{"code":"40011","product":"Badam Powder 100grams","rate":"30.00"}]                            
            }           
        ];

If so, iterate over the desc array instead of assuming zero index:

for(var i = 0, len = categoriesArr.length ; i < len ; i++){
    //do something with categoriesArr[i].Categories (could write to DOM)
    console.log(categoriesArr[i].Categories);
    for(var j = 0, dlen = categoriesArr[i].desc.length ; j < dlen ; j++){
        for(var x in categoriesArr[i].desc[j]){
            //do something with categoriesArr[i].desc[j][x] (could write to DOM)
            console.log(x + ": " + categoriesArr[i].desc[j][x]);
        }
    }
}