разбиение на страницы в виде мобильного списка jquery с использованием набора результатов json - PullRequest
Новая
       17

разбиение на страницы в виде мобильного списка jquery с использованием набора результатов json

0 голосов
/ 15 февраля 2012

Я использую 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"}]                            
            }           
        ];

Если щелкнуть одну категорию, отобразится описание категории (desc), содержащее более 100 записей.

Используя этот набор результатов, как разбить на категории (10 на страницу) категории в виде списка.

Ответы [ 2 ]

1 голос
/ 15 февраля 2012

Ваш вопрос довольно расплывчатый - вам это нужно? 

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

Я записываю результаты в веб-консоль, но, пожалуйста, не стесняйтесь делать все, что вы пожелаете.

Для разбивки на страницы вы должны взглянуть на Плагин для мобильных страниц FilamentGroup

Редактировать после вашего комментария

Вы хотите сказать, что массивы desc содержат более одного элемента, например: 

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]);
        }
    }
}
0 голосов
/ 15 февраля 2012

Я думаю, что вы можете решить вашу проблему с помощью сортировщика таблиц JQuery .

. Поддерживает сортировку и разбиение на страницы, когда пейджер включен.

...