DataGrid avec champs spécifiques éditables

Version imprimable

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:

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:

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 ?

29/07/2009, 14h09
emmanuel.remy

:coucou: :hola:

Déjà:

Code:

type:dojox.grid.cells.DateTextBox

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

Quelle version de Dojo utilises tu ?
29/07/2009, 14h20
Kerod

Ah oui j'avais oublié le type :aie:, merci

J'utilise la 1.3.2 :roll:
29/07/2009, 14h35
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+,

:ave:
29/07/2009, 14h44
Kerod

Non ça ne marche pas...:cry:

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 :mouarf: mais si tu peux me dire pourquoi ça ne fonctionne pas je veux bien ;)
29/07/2009, 15h05
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
29/07/2009, 15h17
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 ;)