Discussion :

[senda]

Bonjour tout le monde,

je suis débutante en AJAX, j'utilise Extjs pour développer une application web, le problème que je veut affiche, dans l'entête de ma page web, l'heure et la date système, j'ai cherché sur le net, mais j'ai pas trouvé une bonne solution,
ou je peux trouver une horloge afin de l'afficher dans mon application.

Merci d'avance
SALUT

[bigben89]

Dans la doc d'ExtJS, pour la classe Ext.util.TaskRunner, ils donnent cet exemple de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
// Start a simple clock task that updates a div once per second
var task = {
    run: function(){
        Ext.fly('clock').update(new Date().format('g:i:s A'));
    },
    interval: 1000 //1 second
}
var runner = new Ext.util.TaskRunner();
runner.start(task);

T'as juste à mettre ce code dans ta page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="clock"></div>

Tu exécutes le code javascript ci-dessus une fois que la page est chargée, et ça marche nickel.

[jerada]

S'il vous plait ou on pet ajouter ce code j'ai pas bien compris

[kenny.kev]

La partie html la ou tu veux afficher l'heure et le javascript dans un fichier JS.

Soit plus précis dans ce que tu comprends pas. Car la comment t'aider plus que ça ???

[jerada]

Bonjour ;

en fait il m'affiche maintenant l'heure mais en haut de mon interface s'il vous plait comment je peux integer a interface merci

[jerada]

par exemple j'ai une panel et je veux afficher dans cette panel merci beaucoup

[kenny.kev]

Pourrais-tu montrer ton code ? s'il te plait

[jerada]

Par exemple j'ai fait ce panel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 var gauche = new Ext.Panel({
        frame: true,
        renderTo: gauche,
        width: 200,
        height: 400
    });

Comment je peux intégrer l'heure dans ce panel ?

[kenny.kev]

Bonjour ;

en fait il m'affiche maintenant l'heure mais en haut de mon interface s'il vous plait comment je peux integer a interface merci

C'est le code que tu as déjà fait qui est intéressant.

avec ce lein http://dev.sencha.com/deploy/ext-4.1...t/complex.html tu as un exemple de comment intégrer de l'HTML avec un objet Ext.

[jerada]

non il ya beaucoup de code interessant maismoi j'ai fait cette panet car je veux l'integer l'heure labas , le site il explisque pas comment

[kenny.kev]

En cherchant un peu sur la partie accordion : ils ont ajouter de l'HTML.
Ce qui donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var gauche = new Ext.Panel({
         frame: true,
         renderTo: gauche,
         width: 200,
         height: 400,
         html: '<div id="clock"></div>'
     });

[jerada]

désolé il me donne cette erreur lorsque j'ajoute

html

erreur EXt.fly("clock").update is not a function