Discussion :

[max-mag]

Bonjour,

J'ai un formulaire ExtJS qui fonctionne bien sur ma page de dev.
Voici un extrait du code :

Code :

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

1
2
3
4
5
6
Ext.onReady(function(){
  var mon_form = new Ext.FormPanel({
    url: 'ajax-submit.php',
    renderTo: 'mon_form',
    frame: true,
    title: etc ....

et j'ai un div avec id mon_form dans le code html.

Par contre, dès que je l'intègre dans la page html cible, j'ai une belle erreur :

Erreur*: this.el is null
Fichier Source*: http://www.***/extjs/ext-all.js
Ligne*: 9

Le code html de la page cible est vraiment pas propre du tout, mais malheureusement je ne peux pas le modifier.
J'ai l'impression que c'est la pagaille dans le DOM et qu'ExtJS n'arrive pas à trouver mon div.

Avez vous une piste, peut-être une autre méthode pour placer mon formulaire au bon endroit ?

Merci de vos lumières

[takitano]

ola ...

on a carrément un redacteur dans notre forum !

normalement, le onReady s'executes lorsque toute la lib d'extjs est chargé ...
donc quelque soit l'endroit u tu mets ton code ... il n y a pas de soucis ...

tu devrais mettre ton code dans un fichier js puis l'inclure dans ton fichier html ...

[max-mag]

petit rédacteur php, javascript ce n'est pas encore ça !

En fait c'est déjà le cas, mon javascript est dans un fichier et le onready m'assure que tout le code html est bien chargé avant de chercher mon div.
La balise div est donc bien chargée a priori.

Si je remplace renderTo: 'mon_form' par renderTo: document.body, tout s'affiche correctement, mais bien sur à la fin du document

Une idée ?

[takitano]

bon deja, il faut eviter d'avoir le meme nom d'"une var qu'un id ...

mets id_nom_form pour ta balise div ...

ensuite, apres ton renderTo:'nom_form' ...

tu dois mettre mon_form.show();
apres pour eviter que ce soit le bordel ...
peut etre qu il faut mettre une hauteur et une largeur à ton formulaire ...

[max-mag]

Grrr, l'erreur persiste même avec ces changements.
Existe-t-il un autre moyen que l'identification par l'id d'une balise pour placer le formulaire ?

[max-mag]

Bingo, j'ai trouvé !
Mon div dans la page cible était encapsulé dans une balise form. Une fois sorti de là ça fonctionne.
C'était ballot