dataview with component not refreshing when store is reloaded

[lucas.mouilleron@me.com]

When i update my store (i traced in the console that the store is really updated), my dataview.dataview items update just one time.
The second time i press my refresh button, the do not update.

I noticed the updateContainerPanel is not called after the first load.

(Hint, if i don't have an 'id' field in my model, the items are added after the existing ones. If i have an 'id' field, they are not updated.)

Thx a lot for your help !

//----------------------------------------------------------------------
Ext.define('ts.view.jobListItem', {
    extend: 'Ext.dataview.component.DataItem',
    xtype: 'jobListItem',


    config: {
	containerPanel: true
    },


    applyContainerPanel: function(config) {
	return Ext.factory(config, Ext.Panel, this.getContainerPanel());
    },


    updateContainerPanel: function(newContainerPanel, oldContainerPanel) {
	if (oldContainerPanel) {
	    this.remove(oldContainerPanel);
	}


	if (newContainerPanel) {
	    var record = this.getRecord();
	    
	    newContainerPanel.setLayout({
		type: 'vbox',
		align: 'center'
	    });
	    
	    var jobId = new Ext.Label();
	    jobId.setHtml(record.get('id'));
	    jobId.addCls('jobItemTitle');
	    newContainerPanel.add(jobId);
	    this.add(newContainerPanel);
	}
    }
});




//----------------------------------------------------------------------
Ext.define('ts.views.jobs', {
    extend: 'Ext.Panel',
    config:{	
	title:'Jobs',
	layout:'fit'
    },
    
    initialize: function() {
	this.callParent();
	var store = Ext.create('ts.store.jobsStore');
	var jobsList = Ext.create('Ext.DataView', {
	    disableSelection:true,
	    plugins: [
	    {
		xclass: 'Ext.plugin.PullRefresh',
		pullRefreshText: 'Update jobs'
	    }
	    ]
	    ,
	    store: store,
	    useComponents: true,
	    defaultType: 'jobListItem'
	});
	
	
	var refreshButton = Ext.create('Ext.Button', {
	    text: 'Refresh jobs',
	    handler: function(button, e) {
		store.load();
		jobsList.refresh();
		console.log('refresh');		
	    }
	});
	   
	refreshButton.setDocked('top');
	refreshButton.setIconCls('refresh');
	this.add(refreshButton);
	this.add([jobsList]);
    }
});

[mitchellsimoens]

What ST2 version are you using?

[lucas.mouilleron@me.com]

2.0.0.RC

[lucas.mouilleron@me.com]

any ideas ?

[montymccune]

Any thoughts yet?

[bluehipy]

Show us the store`s model definition.

Hint: id field is used by default as primary key by model unless you specified other way.

[montymccune]

Show us the store`s model definition.

Hint: id field is used by default as primary key by model unless you specified other way.

Here is my model...

Ext.define('PhoenixTouch.model.Orders',{
    extend: 'Ext.data.Model',


    requires:'Ext.DateExtras',


    xtype: 'ordersModel',


    config: {
        fields: [
            {name: 'DateCollect', type: 'DATE', dateFormat: 'MS'},
            {name: 'PatientID', type: 'STRING'},
            {name: 'ProviderID', type: 'INT'},
            {name: 'UserID', type: 'INT'},
            {name: 'TestOrdered', type: 'STRING'},
            {name: 'Type', type: 'STRING'},
            {name: 'LabReqID', type: 'INT'},
            {name: 'CptCode', type: 'STRING'},
            {name: 'Modifier', type: 'STRING'},
            {name: 'OrdResults', type: 'STRING'},
            {name: 'Code', type: 'STRING'},
            {name: 'OrderStatus', type: 'STRING'},
            ]
    }
});

Here is my dataItem...

        dataMap: {


            getDescription: {
                setHtml: 'CptCode'
            }
        },


        cls: 'orderTabBar-data-item',


        description:{


        },


        layout: {
            type: 'hbox'
        }
    },


    applyDescription: function(config) {
        return Ext.factory(config, Ext.Component, this.getDescription());
    },


    updateDescription: function(newDesc) {
        if (newDesc) {
            this.add(newDesc);
        }
    },

Apply and Update are only called the first time I load the dataview. I have even tried to call Refresh from my controller. Another question - is it possible to dynamically set the DataMapped values? Example: if I wanted to change...

        dataMap: {


            getDescription: {
                setHtml: 'CptCode'
            }
        },

to...

        dataMap: {


            getDescription: {
                setHtml: 'CptDescription'
            }
        },

thanks,
Monty

[edspencer]

You should definitely use the GA release instead of any of the RC builds as a good number of issues were addressed between those releases