Discussion :

[Socrat]

Salut,

J'arrive pas a comprendre le mode de fonctionnement du framework ExtJS.
J'ai afficher ma grid sans aucun problème, mais la modification ne fonctionne pas :



code :
- controller/article.js ()

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
 
.....
    updateArticle: function(button){
       var win    = button.up('window'),
            form   = win.down('form'),
            record = form.getRecord(),
            values = form.getValues();
 
        console.log(values); 
 
        var nouveau = false;
        var store = this.getStore('article.Articles');
        if (values.id > 0){
            record.set(values);
        } else{
            record = Ext.create('ExtApp.model.article.Article');
            record.set(values);
            store.add(record);
 
            nouveau = true;
        }
 
        win.close();
        store.sync();
        if (nouveau){ 
            store.load();
        }
    },
......

- Store :

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
 
Ext.define('ExtApp.store.article.Articles', {
    extend: 'Ext.data.Store',
    requires: ['Ext.data.Store', 'ExtApp.model.article.Article'],
    model: 'ExtApp.model.article.Article',
    pageSize: 20,
    //autoLoad: {start: 0, limit: 20},
    remoteFilter: true,
    proxy: {
         type: 'ajax',
        api: {
            create: 'php/article/addArticle.php',
            read:   'php/article/readArticles.php', // ca marche : la lecture de la table
            update: 'php/article/updateArticle.php', // updateArticle.php n'est jamais executé!!! :oops:
            destroy:'php/article/deleteArticle.php'
        },
 
        reader: {
              type: 'json'
             ,root: 'data'
             ,successProperty: 'success'
             ,totalProperty: 'total'
         },
         writer: {
            type: 'json',
            writeAllFields: true,
            root: 'data',
            encode: true
        }
    }
});

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
 
- Model
Ext.define('ExtApp.model.article.Article', {
     extend: 'Ext.data.Model'
    ,requires: ['Ext.data.Model']
    ,fields: [
         { name: 'id'   ,type: 'int' }
        ,{ name: 'cdart'  ,type: 'string' }
        ,{ name: 'design1' ,type: 'string' }
        ,{ name: 'ref'    ,type: 'string' }
        ,{ name: 'stki1' ,type: 'float' }
        ,{ name: 'qtte1' ,type: 'number' }
        ,{ name: 'dpaht' ,type: 'number' }
    ]
});

- vue : view/article/Edit.js

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
 
Ext.define('ExtApp.view.article.Edit',{
    extend : 'Ext.window.Window',
    alias: 'widget.articleedit',
    title: 'Modifier article',
    layout: 'fit',
    autoShow: true,
    width:600,
    initComponent: function(){
        this.items = [
            {
                xtype: 'form',
                padding: '5 5 0 5',
                border: false,
                style: 'background-color: #fff;',
                fieldDefaults: {
                    anchor: '100%',
                    labelAlign: 'left',
                    allowBlank: false,
                    combineErrors: true,
                    msgTarget: 'side'
                },
                items: [
                {
                    xtype: 'textfield',
                    name : 'id',
                    fieldLabel: 'id',
                    hidden:true
                }, {
                    xtype: 'textfield',
                    //width: 200,
                    name: 'cdart',
                    fieldLabel: 'Code'
                },
                {
                    xtype: 'textfield',
                    name: 'design1',
                    width: 540,
                    fieldLabel: 'Designation'
                },
                {
                    xtype: 'textfield',
                    name: 'ref',
                    fieldLabel: 'Reference'
                }]
            }
        ];
 
         this.dockedItems = [{
            xtype: 'toolbar',
            dock: 'bottom',
            id:'buttons',
            ui: 'footer',
            items: ['->', {
                iconCls: 'icon-save',
                text: 'Salvar',
                action: 'save'
            },{
                iconCls: 'icon-reset',
                text: 'Cancelar',
                scope: this,
                handler: this.close
            }]
        }];
        this.callParent(arguments);
    }
});

Aucun problème pour l'affichage :



La modification ne s’exécute pas ...

[namavic]

Pourquoi dis-tu que la modification ne s'effectue pas alors que l'on voit le champ modifié après la saisie ?

[Socrat]

Salut,
tu vois le petit triangle rouge sur le champs modifié, ça veut dire que le champs n'est pas à jour.

En plus; en vérifiant sur PhpMyAdmin, le le champs n'est pas à jour.

Merci pour la réponse:

[abraxis]

Bonjour,

Code :

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

article.Articles

est bien le store de ton grid ?

Que retourne un

Code :

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

console.log(store.getUpdatedRecords());

Il n'y a pas d'appel dans ta console pour l'update, cherche de se côté la pour savoir pourquoi le sync n'est pas effectué.
Une erreur sur le store à synchroniser ?

[Socrat]

Merci abraxis,

Le problème c'est que la fonction PHP update n'est pas exécutée :

Code :

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

1
2
 
update: 'php/article/updateArticle.php', // updateArticle.php n'est jamais executé!!!

avant d'atteindre la fonction getUpdateRecords :

Code :

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

1
2
 
console.log(store.getUpdatedRecords());

[namavic]

Et que contient updateArticle.php ?

[Socrat]

Bonjour,

Je dit :
updateArticle.php n'est jamais executé!!!

Code :

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

1
2
 
update: 'php/article/updateArticle.php', // updateArticle.php n'est jamais executé!!!

(voir le fichier 'ExtApp.store.article.Articles')

Le fichier articleUpdate.php :

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
 
<?php
 
    echo 'update article.......';
     include('../MetaData.php');
        $exmp = new MetaData();
 
    //$exmp->update("f0011",$params);
    
        //print_r($exmp);
                
 
         //$info = $_POST['data'];
        
         //print_r($info);
        // $data = json_decode(stripslashes($info));
 
        // $cdart = $data->cdart;
        // $design1 = $data->design1;
        // $ref = $data->ref;
        // $id = $data->id;
 
        // //consulta sql
        // $query = sprintf("UPDATE article SET 
        //              cdart = '%s', 
        //              design1 = '%s', 
        //              ref = '%s' 
        //      WHERE id=%d",
        //      mysql_real_escape_string($cdart),
        //      mysql_real_escape_string($design1),
        //      mysql_real_escape_string($ref),
        //      mysql_real_escape_string($id));
 
        // $rs = mysql_query($query);
 
        // echo json_encode(array(
        //      "success" => mysql_errno() == 0,
        //      "articles" => array(
        //              "id" => $id,
        //              "cdart" => $cdart,
        //              "design1" => $design1,
        //              "ref" => $ref
        //      )
        // ));
?>

Le message 'update article.......' n'est jamais afficher.