Chargement de grid

Hello tout le monde,

J'ai un problème avec des chargements de grid dans ExtJs 4.

J'ai récupéré un exemple de webdesktop MVC et je l'ai changé à ma manière.

Le problème est que mes grids ne se chargent uniquement lorsque je fais un ajout. J'aimerais que tout se fasse au chargement de l'application.

Model du desktop récupéré

Code:

1
2
3
4
5
6
7
8
 
Ext.define('MyDesktop.model.User', {
    extend: 'Ext.data.Model',
    fields: [{name: 'id', type: 'int'}, 'name', 'email'],
    associations: [
        {type: 'hasMany', model: 'MyDesktop.model.Post',    name: 'posts'}
     ]
});

Model de mon desktop

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
Ext.define('MyDesktop.model.UtilisateurModele', {
	extend: 'Ext.data.Model',
    fields: [ 'pk_uti', 'fk_pk_loc', 'fk_pk_typ', 'tit_uti','pre_uti', 'nom_uti', 'datnai_uti', 'adr_uti','telfix_uti', 'telpor_uti', 'ema_uti', 'web_uti', 'fax_uti', 'soc_uti', 'rem_uti'],
	proxy: new Ext.data.HttpProxy({
								// load using script tags for cross domain, if the data in on the same domain as
								// this page, an HttpProxy would be better
								type: 'jsonp',
								url: 'data/getutilisateurliste.php',
								reader: {
									root: 'data',
									totalProperty: 'total'
								}
							})
});

Chargement de mon grid dans la liste

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
selModel: Ext.create('Ext.selection.CheckboxModel'),
    initComponent: function() {
        this.columns = [
			{
				text:'Modifier',
				xtype:'actioncolumn',
				width:50,
				items: [{
					icon: 'ext/resources/images/cog_edit.png',  // Use a URL in the icon config
					tooltip: 'Modifier',
					handler: function(grid, rowIndex, colIndex) {
						var rec = grid.getStore().getAt(rowIndex);
						var FenEditerUtilisateur = Ext.widget('editerutilisateur');
						FenEditerUtilisateur.down('form').loadRecord(rec);
					}
				}]
        	},
			{header: "Identifiant", width: 20, sortable: true, dataIndex: 'pk_uti',hidden: true},
            {header: 'Type',  dataIndex: 'fk_pk_typ',  flex: 1},
            {header: 'Localite', dataIndex: 'fk_pk_loc', flex: 1},
			{header: 'Prénom', dataIndex: 'pre_uti', flex: 1},
			{header: 'Nom', dataIndex: 'nom_uti', flex: 1},
			{header: 'Adresse', dataIndex: 'adr_uti', flex: 1},
			{header: 'Téléphone fix', dataIndex: 'telfix_uti', flex: 1},
			{header: 'Téléphone portable', dataIndex: 'telpor_uti', flex: 1},
			{header: 'Email', dataIndex: 'ema_uti', flex: 1},
        ];
 
        this.callParent(arguments);
    },

Merci d'avance

A plus