jquery手機列表查看分頁使用json結果集

Question

我正在使用jquery mobile和phonegap。

這是我的json結果集從服務器獲取並放入全局變量。

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"}]        
      }   
     ]; 

如果您單擊一個類別，它將顯示包含超過100條記錄的類別描述（desc）。

使用此結果集，如何分頁（每頁10個）列表視圖中的類別。

Answer 1

你的問題有點含糊 - 這是你需要的嗎？

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]); 
    } 
} 

我將結果記錄到Web控制檯，但請隨意做任何您想做的事情。

進行分頁，你應該看看FilamentGroup's Mobile Pagination Plugin

編輯您的評論後

你的意思是遞減陣列包含多個元素，一拉：

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"}]        
      }   
     ]; 

如果是這樣，迭代desc數組而不是假設零索引：

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]); 
     } 
    } 
} 

Answer 2

我認爲你可以用JQuery table sorter解決你的問題。

它支持排序和包含pager時的分頁。