ExtJS -> Tab + grid

Signaler
Messages postés
22
Date d'inscription
vendredi 2 novembre 2007
Statut
Membre
Dernière intervention
16 décembre 2008
-
Messages postés
7
Date d'inscription
lundi 28 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2010
-
Bonjour,

Je cherche a mettre une grid dans mon tab extJs. pour ce faire voici le code que j'ai développer:

fichier html:
<html>
<head>
<title>TabPanel Tutorial</title>
<!-- Ext CSS and Libs -->
<link rel= "stylesheet" type="text/css"    href="../../../resources/css/ext-all.css" />
<script type="text/javascript"    src="../../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../../ext-all.js"></script>
<script type="text/javascript" src="tab_actions.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" /><!-- LIBS -->
</head>

   

       

           

       

       

            World, hello ! o/
       

   

</html>
<hr size="2" width="100%" />Et maintenant le script ExtJS:
Ext.onReady(function(){
   
    //Le développement d'un tab se fait grâce à Ext.TabPanel:
    var tableau = new Ext.TabPanel({
        //Lui donné une valeur

            {
                contentE1:'acheteurs',
                title:'Clients acheteurs',
                autoLoad: loadGrid()
            },
            {
                contentE1:'vendeurs',
                title:'Clients vendeurs',
                autoLoad: {url: 'helloworld.php'}
            }
        ]
    });
   
    function loadGrid() {
        var loadInfo = new Ext.GridPanel({
            //url: 'clientAcheteur.xml',
            reader: new Ext.data.XmlReader({
                record: 'item',
                id: 'id'
            })
        });
       
        var grid = new Ext.grid.GridPanel({
            store: loadInfo,
            columns: [
            {header: "Nom", width: 120, dataIndex:'lastName', sortable: True},
            {header: "Prénom", width: 120, dataIndex:'firstName', sortable: True},
            ],
            render-to:'grid',
            width: 240,
            height: 200
        });
    };
});
<hr size ="2" width="100%" />Le problème est sur la dernière ligne que je vous ai mis en gras: "render-to:'grid'". Voici l'erreur:

missing : after property id

render-to:'grid',\n
De cette erreur, ma page s'affiche blanche. Mais si j'enlève render-to,  Ma grid ne se charge pas dans mon tab. Comment faire alors?

Je vous mets ci-dessous les composants utilisés, histoire que vous ayez une meilleure idée de mon sujet:
le tab: http://extjs.com/deploy/dev/examples/tabs/tabs.html
la grid:  http://extjs.com/deploy/dev/examples/tabs/tabs.html

Meilleures salutations

3 réponses

Messages postés
1423
Date d'inscription
mardi 14 décembre 2004
Statut
Membre
Dernière intervention
29 décembre 2012
4
Le forum d'ExtJs sera plus à même à répondre a ta demande...
Essaye d'ajouter un div avec un id="grid" (a vu de nez)

Il vaut mieux poser une question et passer pour bête que le rester toute sa vie

 Les geeks n'ont pas une case en moins ils commencent juste à compter à partir de zéro
Messages postés
7
Date d'inscription
lundi 28 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2010

c'est à cause de la virgule dans tes colonnes .

var grid = new Ext.grid.GridPanel({
            store: loadInfo,
            columns: [
            {header: "Nom", width: 120, dataIndex:'lastName', sortable: True},
            {header: "Prénom", width: 120, dataIndex:'firstName', sortable: True}
            ],
            render-to:'grid',
            width: 240,
            height: 200
        });

avec ça, ton script devrait marcher.
Messages postés
7
Date d'inscription
lundi 28 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2010

et aussi :

renderTo: 'grid',