PullRefresh duplicate items

[squarefan]

Hi,

I am experiencing a strange problem with the pull to refresh list plugin. When I load the data normally via store.load() it is cleared and loaded correctly. When I reload the store via the pull to refresh items are getting duplicated (previous ones are not getting cleard).

I tried to add a listeners to the store (beforeload, load, updaterecord etc.) but all of these are not fired when using reloading via the store.

here is my store config:

        var store = new Ext.data.Store({
            model: 'Test',
            autoLoad: true,
            grouper: {groupFn: function(record) {
                  try { 
                    return record.get('last_name')[0].toUpperCase();
                  } catch(err) { }
                }
            },
            proxy: {
                type: 'scripttag',
                autoAbort: true,
                url: serverurl,
                extraParams: {meta: true, 
                             task: "test",                          
                             timestamp: new Date().getTime() // if not passed values are cached ! only mobile
                },
                reader: {
                    type: 'json',
                    rootProperty: 'root'
                }       
            }
        });

I also tried adding the root: {} to the store as seen in a diffrent post as bug fix.. but that didn't help. As mentioned it only happens when reloaded via the pull-to-refresh action... normal .load(), reload() work as expected.

[mitchellsimoens]

Do you have an idProperty set on the model? The records are matched by id.

[squarefan]

Hi, no I didn't.

If I set an idProperty didn't fix the problem though.

        Ext.define('Test', {extend: "Ext.data.Model", config: {
             idProperty: 'test',
            fields: [
                {name: 'tst1', type: 'int'},
                {name: 'tst2', type: 'string'},
                {name: 'tst3', type: 'string'},
                {name: 'tst4', type: 'string'},
                {name: 'tst5', type: 'int'},
                {name: 'tst6', type: 'int'}
            ]}
        });

[virtualone]

@squarefan

idProperty should point to unique record by which each model object can be differentiated ... check your field name

[swathi001]

//Below is my list em binding data from web service call

 {
                xtype:'list',
                id:'userReviewList',
                plugins:[
                    {
                        xclass:'Ext.plugin.ListPaging',
                        autoPaging:true
                    }
                ],
                title:'User Review',
                cls:'reviewList',
                flex:1,
                store:{
                    autoLoad:true,
                    id:'reviewStore',
                    idProperty: 'ReviewId',
                    clearOnPageLoad: false,
                    fields:['Comment', 'Rating', 'ReviewId', 'RatingUrl'],
                    proxy:{
                        type:'jsonp',
                        url:'http://url/PropertyService.svc/GetUserReviewDetails?projectId=1',
                        reader:{
                            type:'json',
                            rootProperty:'d'
                        }
                    }
                },

//In controller when user adds review to load list again em using below code

  Ext.getStore('reviewStore').load();

//But now i need to reload the list data by scrolling it when other user add the review comment. Even i am using idProperty which is unique to list. The list is refreshing new value with old values as well and list keep on loading so i need to load only updated record not with old data as well

[maresh2all]

I experienced the same thing so the fix that did the work for me was to declare my own refreshFn

  plugins: [
            {
                xclass: 'Ext.plugin.PullRefresh',
                pullRefreshText: 'Pull down for fresh beer',
                refreshFn: function() {             
                  console.log("Boom");
                  Ext.getStore('BeerStore').load();
                },
            }
        ],

It did the trick for me

PS. this solution might be against the purpose of refresh. From what i understood the plugin doesn't do anything on the store.

The pull refresh plugin doesn't actually do anything on your store. It has it's own Ext.data.Operation load the data and then iterates through it. If a matching record is found in the store then it will update the data. If a match is not found it will add the record to the store." --mitchellsimoens

i could use some clarification as well

[pherris]

I ran across this thread and thought I'd post the solution. The idProperty is a pointer to the field in your model that contains the unique ID of your record set. Your configuration would look something like this:

 Ext.define('Test', {
extend: "Ext.data.Model", 
config: {
             idProperty: 'tst1', //note this maps to an actual field below
            fields: [
                {name: 'tst1', type: 'int'},
                {name: 'tst2', type: 'string'},
                {name: 'tst3', type: 'string'},
                {name: 'tst4', type: 'string'},
                {name: 'tst5', type: 'int'},
                {name: 'tst6', type: 'int'}
            ]}
        });

[BostonMerlin]

Hi, no I didn't.

If I set an idProperty didn't fix the problem though.

        Ext.define('Test', {extend: "Ext.data.Model", config: {
             idProperty: 'test',
            fields: [
                {name: 'tst1', type: 'int'},
                {name: 'tst2', type: 'string'},
                {name: 'tst3', type: 'string'},
                {name: 'tst4', type: 'string'},
                {name: 'tst5', type: 'int'},
                {name: 'tst6', type: 'int'}
            ]}
        });

Your idProperty should point to the field 'name', not a value in the field. In addition, every possible value inside your 'name field' should be unique. If it's possible that the name field could potentially include 'tst1' many times, don't use that field, find another or create a new field with a combination of values that would make that row unique.

Hope that helps
John