Discussion :

[mapmip]

bonjour,

je suis sur extjs 3.4 et je bidouille cet exemple:
http://dev.sencha.com/deploy/ext-3.4...dar/index.html
Je souhaite savoir comment on peut faire pour rafraichir un calendarPanel,
appremment il faut agir sur le calendarPanel.calendarView.refresh() mais
ca n'a pas l'air de marcher...

Merci d'avance

[sekaijin]

ça veut dire quoi rafraichir ?
pour quoi faire ?
A+JYT

[mapmip]

l'idée c'est de voir les changement dans le calendarpanel,
à termes le calendar panel doit rechercher ses données dans une base de données

[sekaijin]

c'est quelque chose qu'extjs fait automatiquement

dans l'exemple les données sont statiques elle sont chargé avec la page dans le fichier event-list.js
mais le calendar fonction avec un dataStore
tu trouveras sa définition dans test-app.js

là on peut voir que le dataStore est définit avec un proxy en mémoire (pour prendre les data déjà mis en mémoire par event-list)

pour rendre la chose dynamique il faut changer pour un proxy-http (ExtJs)
qui va aller chercher les données en JSON ou XML sur une url de ton serveur

à chaque changement de données dans le datastore normalement ExtJS met à jour les vue associées

si tu n'est pas contreint avec la v3 je te conseille vivement de passer à la 4
la structuration de l'app est bien meilleure et remplacer un composants (dataStore) par un autre est bien plus simple
http://docs.sencha.com/ext-js/4-1/ex...dar/index.html

A+JYT

[mapmip]

Auriez vous un exemple de code pour changer les donnees se trouvant dans le datastore?
Ou faut-il simplement faire un reload du datastore?

[sekaijin]

il y en a plein la doc
http://docs.sencha.com/ext-js/4-1/#!...id/paging.html
http://docs.sencha.com/ext-js/4-1/ex...grid/paging.js

http://docs.sencha.com/ext-js/4-1/#!...ata.proxy.Ajax

si tu passe à 3xtsJS 4
fait le tuto
http://docs.sencha.com/ext-js/4-1/#!...n_architecture
Il permet de mettre en place une mini appli avec un grid relié à un datasource en relation via ajax avec une source de donnée côté serveur.

A+JYT

[mapmip]

j'ai trouvé!
pour rafraichir un calendarpanel en mode remote data, il faut faire un reload de son eventstore

Code :

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

1
2
3
 
 
this.eventStore.reload();

[sekaijin]

dans extjs modifier le contenu d'un datastore entraine automatiquement la mise à jour des contenus de tous les widget qui le référence.

ce n'est pas la même chose que rafraichir la définition d'une vue.
lorsqu'on crée une instance d'un widget la définition de celui-ci est utilisé pour produire les élément du DOM qui l'affiche.

si on change des valeur dans cette définition elle ne sont pas prise en compte
il faut donc "rafraichir" le widget (régénéré le DOM)

pour les données c'est le principe même des datastore que de séparer les données des éléments qui les affiches.

ainsi si tu fait un grid lié à un datastore et un form lié au même data store
lorsque tu modifie une valeur dans le form elle apparait dans le grid

A+JYT