Afficher un formulaire pré-rempli via des infos stockées dans une bdd

**Alpoids** · 05/11/2010, 11h31

Bonjour, voici le problème

Je suis en train de développer un système de news.
J'ai un formulaire pour insérer des infos dans une base de données mysql.
J'ai une page d'administration ou je peux supprimer des news.

Le soucis se trouve lorsque je veux modifier une news déja existante.

J'utilise le framework Javascript ExtJs

Ma page HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Website</title>
.....
  <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
  <script type="text/javascript" src= "form_panel.js"></script>
 
.....
</head>
 
<body>
<div id="header"><img src="header2.gif" /></div>
<div id="myform"></div>
</body>
</html>

J'appelle donc ici mon formulaire (div myform) qui me permet de rédiger une news et qui contient des champs basiques (titre, date, fichier, contenu...)

Ma page JS (extrait)

Code :

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

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
34
35
36
37
38
39
40
Ext.onReady(function(){
 
	var simple = new Ext.form.FormPanel({
 
        standardSubmit: true,
 
        frame:true,
        title: 'News',
        fileUpload: true,
 
        width: 732,
        defaults: {width: 600},
        defaultType: 'textfield',
		items: [{
                fieldLabel: 'Titre',
                name: 'titre',
                allowBlank:false
            },
	    {
                xtype: 'textarea',
		fieldLabel: 'Contenu',
                name: 'contenu',
		height: 200,
                allowBlank:false
.....
 
buttons: [{
            text: 'Envoyer',
            handler: function() {
                simple.getForm().getEl().dom.action = 'verif.php';
	            simple.getForm().getEl().dom.method = 'POST';
                simple.getForm().submit();
            }
        }]
 
    });
 
    simple.render('myform');
 
....

Je crée donc mes champs via le framework (titre, date...etc), j'indique que j'utilise la méthode POST, la page cible...etc, TOUT fonctionne pour l'insertion d'une news dans une bdd via le framework.

LE PROBLEME

Je ne vois absolument pas comment faire pour avoir la possibilité d'éditer une news déjà existante. Comment puis-je pré-remplir mon formulaire crée sous extjs avec infos déjà existante dans une bdd.

Etant donné que mon formulaire est crée sous dans une page javascript sous Extjs, je ne vois pas où je pourrais écrire mon code, ni de quelle manière (sachant qu'il n'y a rien d'exploitable dans la page html si ce n'est un div).

Sous Extjs, lorsque que je crée mes champs, je peux utiliser l'option value = "Bonjour" pour pré-remplir mon champ. Mais impossible d'écrire directement du php dedans évidemment.

Dites moi si cela n'est pas très clair.

Merci d'avance

**scourjean** · 08/11/2010, 16h17

Si tu peux utiliser du php, il te suffit de renommer ton fichier en .php et tu modifies pareil lorsque tu appel ce fichier ( qui retourne que du JS, car PHP te permet juste de dynamiser en mettant les value aux champs )

exemple :

Code :

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

1
2
3
4
5
6
{
	fieldLabel: 'Titre',
	name: 'titre',
	allowBlank:false,
	value: "<?php echo addslashes($news["ChampTitre"]); ?>"
}

Afficher un formulaire pré-rempli via des infos stockées dans une bdd

Ext JS / Sencha

Discussions similaires

Partager

Partager