Ext.data.JsonStore + Ext.DataView = ne pas charger les enregistrements

Question

J'essaie de faire un travail DataView (sur Ext JS 2.3).

Voici le jsonStore, qui semble fonctionner (il appelle le serveur et obtient une réponse valide).

Ext.onReady(function(){ 

     var prefStore = new Ext.data.JsonStore({ 
      autoLoad: true, //autoload the data 
      url: 'getHighestUserPreferences', 
      baseParams:{ 
       userId: 'andreab', 
       max: '50' 
      }, 
      root: 'preferences', 
      fields: [ 
       {name:'prefId', type: 'int'}, 
       {name:'absInteractionScore', type:'float'} 
      ] 
     }); 

Puis le XTemplate:

 var tpl = new Ext.XTemplate(
       '<tpl for=".">', 
        '<div class="thumb-wrap" id="{name}">', 
        '<div class="thumb"><img src="{url}" title="{name}"></div>', 
        '<span class="x-editable">{shortName}</span></div>', 
       '</tpl>', 
       '<div class="x-clear"></div>' 
     ); 

Le panneau:

 var panel = new Ext.Panel({ 
      id:'geoPreferencesView', 
      frame:true, 
      width:600, 
      autoHeight:true, 
      collapsible:false, 
      layout:'fit', 
      title:'Geo Preferences', 

Et le DataView

  items: new Ext.DataView({ 
       store: prefStore, 
       tpl: tpl, 
       autoHeight:true, 
       multiSelect: true, 
       overClass:'x-view-over', 
       itemSelector:'div.thumb-wrap', 
       emptyText: 'No images to display' 
      }) 
     }); 
     panel.render('extOutput'); 
    }); 

Ce que je reçois dans la page est un cadre bleu avec le titre, mais rien dedans. Comment est-ce que je peux déboguer ceci et voir pourquoi cela ne fonctionne pas?

Cheers, Mulone

Answer 1

Votre magasin ne correspond pas à votre modèle, vous copié ce juste des exemples que vous ne l'avez pas: P

Les éléments du modèle, {name} etc référence aux champs dans le magasin, qui dans votre cas est juste prefId et absInteractionScore.

Ce que cet exemple de modèle attend est un nom et un URL vers une image qu'il construit ensuite et un pour.