Discussion :

[Kerod]

Salut,

Depuis quelques temps je tente de rendre des champs d'une Grid éditable mais j'arrive à le faire que pour les objets Select et le type intégré à l'attribut editable:true.

J'aimerai, par exemple, y ajouter un DateTextBox ou encore un Textarea mais rien à faire. Soit il plante au démarrage soit le démarrage est correct mais au double clic je n'ai que la simple TextBox par défaut.

Voici le code en question :

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
        dojo.require("dojo.date.locale"); 
        dojo.require("dojo.data.ItemFileWriteStore");
        dojo.require("dojox.grid.DataGrid");
        dojo.require("dojox.grid.cells.dijit");
 
        var jsonStore = new dojo.data.ItemFileWriteStore({ data: 
                                                                {
                                                                    identifier: 'matricule',
                                                                    label: 'matricule',
                                                                    items: [ { matricule: '810602', datedispo: '31/12/2009', lieuhab: '44000 NANTES', observations: 'null', vehicule: 'false' } ]
                                                                }
                                                        });
        var formatVehicule = function(inDatum) {
            switch (inDatum)
            {
                case 'true' : return 'OUI';
                case 'false' : return 'NON';
            }
        }
 
        var formatDate = function(inDatum) {
            return dojo.date.locale.format(new Date(dojo.date.stamp.fromISOString(inDatum)), this.constraint);
        }
 
        var grid = null;
        dojo.addOnLoad(function(){
            var layout = [
                {
                    width: 'auto',
                    noscroll: true,
                    cells: [
                        { field: "matricule", name: "Matricule", width: '65px' },
                    ]
                },
                {
                    cells: [
                        { field: "datedispo", name: "Dispo.", width: '80px', editable: true, dojox.grid.cells.DateTextBox, constraint: {formatLength: 'long', selector: "date"} },
                        { field: "lieuhab", name: "Lieu Hab.", width: '150px' },
                        { field: "observations", name: "Observations", width: '150px' },
                        { 
                            field: "vehicule", 
                            name: "Véhicule", 
                            width: '60px', 
                            editable: true, 
                            type: dojox.grid.cells.Select, 
                            options: [ 'OUI', 'NON' ], values: [ 'true', 'false' ],
                            formatter: formatVehicule
                        },
                    ]
                }
            ];
 
            grid = new dojox.grid.DataGrid({
                query: { matricule: '*' },
                store: jsonStore,
                structure: layout
            }, 'gridNode');
        });

Code html :

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

1
2
3
4
5
    <div class="partsContainer">
        <div class="gridContainer" style="height:600px">
            <div id="gridNode"></div>
        </div>
    </div>

Pouvez-vous me dire ce qui ne va pas ?

[emmanuel.remy]

Déjà:

Code :

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

type:dojox.grid.cells.DateTextBox

Sinon, pour info je je n'arrive pas à afficher ta grid

Quelle version de Dojo utilises tu ?

[Kerod]

Ah oui j'avais oublié le type , merci

J'utilise la 1.3.2

[emmanuel.remy]

Ok, j'ai fait mon test avec la 1.2.

Si cela ne marche pas mieux je testerai de nouveau ce soir avec la 1.3.

A+,

[Kerod]

Non ça ne marche pas...

L'oubli du type n'est pas la source de mon problème. C'est juste la conséquence de mes multiples tests avec type, editor et cie

Là vu que ça ne veut pas fonctionner avec moi je suis allé voir Mootools mais si tu peux me dire pourquoi ça ne fonctionne pas je veux bien

[emmanuel.remy]

Je vais être franc avec toi, cette grid est pas trop mal pour afficher des données mais pour l'édition je n'ai jamais été convaincu: trop lourd, lent et pas bien adapté à la taille des composants qu'on utilise pour l'édition et à la gestion du focus etc...
Elle veut faire trop de choses et du coup cela s'en ressent. Dojo devrait prendre exemple sur EXT-JS pour ces aspects...

ERE

[Kerod]

C'est exactement ce que je pensais...
Avec un gros jeu de données on a un navigateur au ralenti. Même Firefox me proposer au bout d'un certain temps d'arrêter le script.

Je vais voir aussi du côté de ExtJS pour voir