Пейджинг списка от json - PullRequest
Новая
       26

Пейджинг списка от json

0 голосов
/ 09 ноября 2011

Наконец-то я могу получить свои данные из файла json, НО система подкачки все еще отстой. Свойство pageSize, кажется, не отвечает, поэтому, когда я нажимаю на текст «Загрузить больше плагинов», который появляется внизу моего списка, он добавляет все мои элементы json в мой список каждый раз. Я уверен в том, что я почти на месте, но я не понимаю, как это сделать.

Вот код: 

Ext.setup({

tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,

onReady : function() {

    var dataLink;
    if (Ext.is.Desktop) {
        dataLink = "http://127.0.0.1/Appsfan-v2";
    } else {
        dataLink = "http://appsfan.kreactive.eu";
    }

    Ext.regModel('Profile', {
        fields: [
            {name: 'firstname', type: 'string'},
            {name: 'lastname', type: 'string'},
            {name: 'age', type: 'number'}
        ]
    });

    var store = new Ext.data.JsonStore({
        model: 'Profile',
        autoLoad: false,
        remoteFilter: true,
        sortOnFilter: true,
        //sorters: [{property : 'lastname', direction: 'ASC'}],
        pageSize: 1,
        clearOnPageLoad: false,
        proxy: {
            type: 'ajax',
            url: dataLink+'/data.json',
            reader: {
                root: 'profile',
                type: 'tree'
            }
        }
    });
    console.log(store)

    //console.log(store.loadPage(0))

    var groupingBase = new Ext.List({
        fullscreen: true,
        itemTpl: '<div class="contact2"><strong>{firstname}</strong> {lastname} -> {age}</div>',
        indexBar: false,
        store: store,
        plugins: [{
            ptype: 'listpaging',
            autoPaging: false
        }]
    });



   var panel = new Ext.Panel({
        layout: 'card',
        fullscreen: true,
        items: [groupingBase],
        dockedItems: [{
            xtype: 'toolbar',
            title: 'paging example',
        }]
    })
   //console.log(datas)
}
});

JSON 

{
"profile": [{
    "firstname": "firstname1",
    "lastname": "lastname1",
    "age": "1"
},{
    "firstname": "firstname2",
    "lastname": "lastname2",
    "age": "2"
},{
    "firstname": "firstname3",
    "lastname": "lastname3",
    "age": "3"
}]
}

Спасибо

1 Ответ

0 голосов
/ 02 марта 2012

Вы можете установить опцию настройки clearOnPageLoad в своем магазине.Это удалит предыдущие записи, когда будет загружена следующая страница разбитых на страницы данных.

Вот пример: 

Ext.regStore('BarginsStore', {
    model: 'BarginModel',
    autoLoad: false,
    pageSize: 6,
    clearOnPageLoad: false,
});
...