EXTJS 3.4 - PHP : lire un flux xml

Version imprimable

Bonjour,

Je souhaite mettre en place l'alimentation d'un composant Grid via un flux xml généré par un programme php. Ci-après mes différents élements
1 - programme php

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
 
<?php 
    header ('Content-Type:text/xml; charset=ISO-8859-1');
?>
<?xml version="1.0" encoding="utf-8"?>
<ListProducts>
    <Request>
       <IsValid>True</IsValid>
        <ItemSearchRequest>
            <Author>nom_01</Author>
             <SearchIndex>Products_01</SearchIndex>
         </ItemSearchRequest>
         <TotalResults><?php echo($adminProductsList->getTotalNumberOcc()); ?></TotalResults>
   		 <TotalPages><?php echo($adminProductsList->getNumberPage()); ?></TotalPages>
    </Request>
    <Products>
         <?php
                $loop = 0; 
                while ( $loop < $adminProductsList->getNumberOccurrence()) { 
                        $occ = $adminProductsList->getOccurrence($loop); ?>
         <Product Id='<?php echo($occ->getReferenceProduct()); ?>'>
            <Reference><?php echo($occ->getReferenceProduct()); ?></Reference>
            <Categorie><?php echo($occ->getCategorieProduct()); ?></Categorie>
			<Designation><?php echo($occ->getDesignationProduct()); ?></Designation>
			<Statut><?php echo($occ->getStatutProduct()); ?></Statut>
         </Product>
         <?php
                        $loop = $loop + 1;
                } ?>
  </Products>
</ListProducts>

2 - code javascript :

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
32
33
34
35
36
37
 
Ext.onReady(function(){
 
    // create the Data Store
    var store = new Ext.data.Store({
        // load using HTTP
    	proxy : new Ext.data.HttpProxy({ 
    		url: './indexAdmin.php?uri=AdminProductsList&acte=begin'
         }),    	
 
        // the return will be XML, so lets set up a reader
        reader: new Ext.data.XmlReader({
               // records will have an "Item" tag
               record: 'Product',
               idProperty: '@id',
               totalRecords: '@total'},
               	[ {name: 'Id', mapping: '@id'}, 'Reference', 'Categorie', 'Designation', 'Statut' 
          ])
    });
 
    // create the grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {header: "Reference", width: 120, dataIndex: 'Reference', sortable: true},
            {header: "Categorie", width: 180, dataIndex: 'Categorie', sortable: true},
            {header: "Designation", width: 115, dataIndex: 'Designation', sortable: false},
            {header: "Statut", width: 100, dataIndex: 'Statut', sortable: false}
        ],
        renderTo:'example-grid',
        width:540,
        height:200
    });
 
    store.load();
 
});

Mais le grid n'est pas alimenté. En passant par firefox ou même sous l'outils de dev sous IE9, en regardant la partie "Reponse" de la requête, le flux xml est bien généré.
Peut-être que le soucis est au niveau de mon code JS, mais je ne vois rien. Voyez-vous le soucis ?
D'avance merci pour votre aide.
A+
Stéphane.

05/01/2013, 13h43
sekaijin

Post le code xml généré
comme toujours on se moque complètement de ce que fait le serveur
la seule chose que gère le navigateur est le fux généré

il te suffit dans ton url d'ouvrir l'url indexAdmin.php?uri=AdminProductsList&acte=begin

1 pièce(s) jointe(s)

Merci sekaijin pour ton post.
Loin de moi d'ignorer ce qui se passe du côté serveur, mais il faut bien essayer de résoudre le problème par un point d'entrée et éliminer ce qui est juste pour se rapprocher de ce qui est faux.

Voici le flux xml généré
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 32 33 34 35 36 37 38 <?xml version="1.0" encoding="utf-8"?> <ListProducts> <Request> <IsValid>True</IsValid> <ItemSearchRequest> <Author>nom_01</Author> <SearchIndex>Products_01</SearchIndex> </ItemSearchRequest> <TotalResults>4</TotalResults> <TotalPages>1</TotalPages> </Request> <Products> <Product Id='CHERRY052012'> <Reference>CHERRY052012</Reference> <Categorie>CAT11</Categorie> <Designation>Cherry - F?tes de M?res</Designation> <Statut>1</Statut> </Product> <Product Id='COEURNOI2012'> <Reference>COEURNOI2012</Reference> <Categorie>CAT92</Categorie> <Designation>Coeur Noisette</Designation> <Statut>1</Statut> </Product> <Product Id='GALROIS2011'> <Reference>GALROIS2011</Reference> <Categorie>CAT54</Categorie> <Designation>Galette des Rois</Designation> <Statut>1</Statut> </Product> <Product Id='TOTO2012'> <Reference>TOTO2012</Reference> <Categorie>CAT91</Categorie> <Designation>Toto</Designation> <Statut>1</Statut> </Product> </Products> </ListProducts>
Par contre, en passant par l'outils de développement sous IE9, je me suis aperçu qu'avant la balise <?xml version="1.0" encoding="utf-8"?>, j'ai deux lignes vides (image en pièce jointe).

En passant par firefox, j'ai une erreur :
Code:

1 2 3 Erreur d'analyse XML : instruction de traitement XML ou texte pas au début d'une entité externe Numéro de ligne 3, Colonne 1 :<?xml version="1.0" encoding="utf-8"?> ^
Est ce que le problème peut venir de ces deux lignes vides ?

Merci,
Stéphane.

06/01/2013, 00h58
sbernard

Le problème est résolu. Il s'agissait bien des lignes vides qui se trouvaient avant.
Dans l'architecture php que j'utilise (en MVC), avant d'envoyer les données au navigateur, elles sont stockées dans un tampon (via ob_start). Donc avant de démarrer la temporisation, j'effectue un clean du tampon (ob_end_clean()). Je n'ai plus les deux lignes vides et c'est ok.
A+
Stéphane.