TabPanel chargement page en ajax

Bonjour,

J'utilise la librairie ExtJS pour un nouveau projet de site web. Ma page contient des onglets dont le contenu est chargé en ajax comme ceci :

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
 
Ext.onReady(function(){ 
    var tabs2 = new Ext.TabPanel({
        renderTo: document.getElementById('onglet'),
        resizeTabs:true,  
        activeTab: 0,
        enableTabScroll:true, 
        width:920,
        height:355,
        plain:true,                      
        defaults:{autoScroll: true}, 
        items:[{
                title: 'toto',  
                autoLoad: './includes/php/onglet-toto.php.inc' , 
 
            },{
                title: 'toto',
                autoLoad:'./includes/php/onglet-toto.php.inc'  ,
 
            },{
                title: 'toto',
                autoLoad: {url: './includes/php/onglet-toto.php.inc'} //, params: 'foo=bar&wtf=1'
            },{
                title: 'toto',  
                autoLoad: './includes/php/onglet-toto.php.inc',  
            }
                }
            }
        ]
 
 
    }); 
});

Mon problème est le suivant j'aimerais ajouter un calendrier dans l'une des pages

Code:

1
2
3
4
5
 
 items : new Ext.form.DateField({
                    renderTo: document.getElementById('toto'),
                    format:'d-m-Y H:i:s'
                })

. Je pense que la meilleure solution est de l'ajouter dans la form après le chargement de la page mais je ne sais pas comment faire.

Merci de votre aide