Discussion :

[mahasambatra]

bonour, j'ai besoin de votre aide
je travaille actuellement sur un formulaire en ExtJs qui contient deux champs de type 'combo'.

Mon combo 1 est construit à partir de données Json et s'affiche correctement dans mon formulaire.
Mon combo 2 est par défaut vide, et son contenu dépend de la valeur sélectionnée dans le combo 1, et est également construit à partir de données Json.

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 var promoStore = Ext.create('Ext.data.JsonStore', {
  storeId: 'promos',
  proxy: {
    type: 'ajax',
    url: 'country.php',
    reader: {
      type: 'json',
      root: 'rows',
      autoLoad: true
    }
  },
  fields: [
    'id_countri',
    'nom_country'
  ]
});
var promosStore1 = Ext.create('Ext.data.JsonStore', {
  storeId: 'promos',
  proxy: {
    type: 'ajax',
    url: 'region.php',
    reader: {
      type: 'json',
      root: 'rows',
    }
  },
  fields: [
    'id_region',
    'nom_region'
  ]
});
//Créez maintenant la liste déroulante qui utilise le magasin précédent comme source pour son contenu :
var promosCombo = Ext.create('Ext.form.ComboBox', {
  id: 'promosCombo',
  fieldLabel: 'Arrondissement',
  triggerAction: 'all',
  emptyText: 'Choisir une arrondissement',
  editable: false,
  store: promosStore,
  mode: 'local',
  valueField: 'nom_country',
  displayField: 'id_country',
  renderTo: Ext.getBody(),
});
var promosCombo1 = Ext.create('Ext.form.ComboBox', {
  id: 'promosCombo1',
  fieldLabel: 'Fokontany',
  triggerAction: 'all',
  emptyText: 'Choisir un fokontany',
  editable: false,
  store: promosStore1,
  mode: 'local',
  valueField: 'nom_region',
  displayField: 'id_region',
  renderTo: Ext.getBody()
});
var promosSelectionForm = Ext.create('Ext.form.Panel', {
  id: 'promosSelection',
  frame: true,
  width: '100%',
  buttonAlign: 'center',
  labelAlign: 'left',
  labelWidth: 70,
  items: [
    promosCombo,
    promosCombo1
  ],
  buttons: [
    submitButton
  ],
  renderTo: Ext.getBody()
});

//voici mon php

Code php :

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
<?php
 
        $dbconn = pg_connect("host=localhost dbname=mon_pg user=postgres password=dina");
 
        $requete = "SELECT id_region , nom_region  FROM region";
 
        $result = pg_query($requete);
 
        while ($row = pg_fetch_object($result)) {
                                                     $json_rows[] = $row;
                                                }
 
        $header = '{success: true, rows: ';
 
        $footer = '}';
 
        echo $header.json_encode($json_rows).$footer;
 
?>

[sekaijin]

on n'écrit jamais de json avec des String (quelque soit le langage)

cette règle t'évitera de nombreux déboire

Code php :

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
<?php
 
        $dbconn = pg_connect("host=localhost dbname=mon_pg user=postgres password=dina");
 
        $requete = "SELECT id_region , nom_region  FROM region";
 
        $result = pg_query($requete); 
 
        while ($row = pg_fetch_object($result)) {
                                                     $json_rows[] = $row;
                                                }
        $result = array();
        $result['sucess'] = true; 
 
        $result['rows']=$json_rows;
 
        echo json_encode($result)

de même il est déconseillé de mettre le ?> à la fin du fichier.

quant à la liaison entre combo tu as un exemple ici
http://technopaper.blogspot.fr/2011/...in-ext-js.html

tout est en fait dans

Code :

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

1
2
3
4
5
listeners: {
    'select' : function(field,nval,oval) {
     cityStore.load({
                params: {'id': nval.data.value }
             });

le combo country contient un listener qui à chaque changement recherche les données du datastore city
il n'y a absolument rien à faire pour l'affichage
dans ExtJS dès que le datastore change tous les éléments qui en dépendent sont notifiés et se mettent à jour.

A+JYT