Remplir une datagrid en Extjs

sygmo Messages postés 21 Date d'inscription jeudi 7 octobre 2004 Statut Membre Dernière intervention 5 mars 2018 - Modifié par @karamel le 25/08/2016 à 11:55
bonjour à tous,
je souhaite remplir une datagrid avec les données provenant d'une base de données progresql,
depuis la plateforme ExtJs. J'ai défini un Model, un dataStore et une datagrid. voici ci- après le code que j'ai écris:
Aidez moi à resoudre mon problème.
Merci à tous.
//******* CREATION DU MODEL  *******************
 Ext.define('contribuable',{
  Extend: 'Ext.data.Model',
  proxy: { type: 'ajax',  reader: 'json',
  fields:['num','nomcont','prencont','datenais','lieunais','contactnais','mailcont']
  });
//******* CREATION DE LA DATASTORE **************
 var gridStore = Ext.create('Ext.data.JsonStore',{    
         model: 'contribuable', 
   proxy: {
    type: 'ajax',
    url: 'php/liste_contribuable.php',
    reader: { type: 'json', root:  'rows', idProperty: 'num', totalProperty: 'total' }
   }, 
     autoLoad: true 
 }); 
 //****************  CREATION DE LA DATAGRID  *************
 Ext.create(Ext.grid.Panel,{
 store: gridStore,
 height: 300,
 width: 800,
 autoScroll : true,
 renderTo: Ext.getBody(),
  columns:[
   {text:'num',   dataIndex:'num'},
   {text:'nomcont',   dataIndex:'nomcont'},
   {text:'prencont',   dataIndex:'prencont'},
   {text:'Datenais',   dataIndex:'Datenais'},
   {text:'lieunais',   dataIndex:'lieunais'},
   {text:'contactnais',   dataIndex:'contactnais'},
   {text:'mailcont',   dataIndex:'mailcont'}
  ],
      forceFit: true
 });