Régle de saisie sur Grid d'un datagrid

**benoxy** · 08/04/2010, 16h20

Voila je souhaiterais savoir dans ce code pourquoi mes régles de saisies ne sont pas pris en compte ?

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>DataGrid Basic Editing</title>
    <style type="text/css">
        @import "dijit/themes/tundra/tundra.css";
        @import "dojox/grid/resources/Grid.css";
        @import "dojox/grid/resources/tundraGrid.css";
        @import "general.css";
    </style>
    <script type="text/javascript" src="dojo/dojo.js" djConfig="isDebug:true">
    </script>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"
    djConfig="parseOnLoad: true,isDebug:true">
    </script>-->
 
    <script type="text/javascript">
    dojo.require("dojo.parser");
    //dojo.require("dijit.form.Button");
    //dojo.require("dijit.Dialog");
    //dojo.require("dijit.form.TextBox");
    //dojo.require("dijit.form.ValidationTextBox");
    //dojo.require("dijit.form.Form");
 
    dojo.require("dojox.grid.DataGrid");
    dojo.require("dojox.grid.compat._data.dijitEditors");
    dojo.require("dojo.data.ItemFileWriteStore");
 
    // ==========================================================================
    // Tie some UI to the data model
    // ==========================================================================
    //model.observer(this);
     modelChange = function(){
      dojo.byId("rowCount").innerHTML = 'Row count: ' + dojox.grid.DataGrid.rowCount;
    }
 
    // ==========================================================================
    // Custom formatters
    // ==========================================================================
    formatCurrency = function(inDatum){
      return isNaN(inDatum) ? '...' : dojo.currency.format(inDatum, this.constraint);
    }
    formatPercent = function(inDatum){
      return isNaN(inDatum) ? '...' : dojo.currency.format(inDatum, this.constraint);
    }
 
    formatDate = function(inDatum){
      return dojo.date.locale.format(new Date(inDatum), "dd-MMM-yyyy");
    }
 
 
    </script>
 
    <script type="text/javascript">
        //http://dojocampus.org/explorer/#Dojox_Grid_Edit%20Dijit
        var jsonStore = new dojo.data.ItemFileWriteStore({ url: "json/formatvaltab.json" });
        var grid = null;
 
        dojo.addOnLoad(function(){
 
        // set the layout structure:
        var layout = [{
        rows: [
        { field: 'Date',name: 'Date',width: '100px',
          editable: true,
          type: dojox.grid.cells._Widget,
          cellStyles:"text-align: center;",
          constraint: {datePattern:'dd/MM/yy'},
          widgetClass:dijit.form.DateTextBox,
          widgetProps:{regExp:'^[01-31]/[01-12]/[1-9][1-9][1-9][1-9]$',
                      invalidMessage:'Votre saisie est incorrecte'}
        },
        { field: 'Produit',name: 'Produit',width: '150px'},
        { field: 'Quantite',name: 'Quantite',width: '80px'},
        { field: 'Prix',name: 'Prix',width: '80px',
          editable: true,
          cellStyles:"text-align: right;",
          formatter: formatCurrency,
          constraint: {currency: 'EUR'},
          required:true,
          widgetClass: dijit.form.CurrencyTextBox,
          widgetProps:{regExp:'^[0-9]{1,5},[0-9]{1,2}$',
                      invalidMessage:'Votre saisie est incorrecte'}
 
        },
        { field: 'TVA',name: 'TVA',width: '80px',
          editable: true,
          type: dojox.grid.cells._Widget,
          widgetClass:dijit.form.NumberTextBox,
          constraint: {min:0, max:999}, 
          widgetProps:{regExp:'^[0-9]{1,2},[0-9]{1,2}%$',
                       invalidMessage:'Votre saisie est incorrecte. Le Format de saisie doit être : 99,99',
                       required:true
                       }
        },
        { field: 'Total',name: 'Total',width: '140px',
          editable: true,
          cellStyles:"text-align: right;",
          formatter: formatCurrency,
          constraint: {currency: 'EUR'},
          invalidMessage:'Votre saisie est incorrecte',
          widgetClass: dijit.form.CurrencyTextBox
        }
        ]
 
        }];
 
 
        grid = new dojox.grid.DataGrid({
            query: { Date: '*' },
            store: jsonStore,
            structure: layout,
            rowsPerPage: 20
        }, 'gridNode');
        });
    </script>
</head>
<body class="tundra">
    <h1>Gasket Modification</h1>
    <div class="partsContainer">
        <div class="gridContainer">
            <div id="gridNode"></div>
        </div>
    </div>
    <div id="rowCount"></div>
</body>

Quelqu'un à une idée ?

**emmanuel.remy** · 08/04/2010, 16h51

Salut,

Aucune de tes contraintes n'est prise en compte ?

ERE

**benoxy** · 08/04/2010, 17h00

Aucune n'est prise en compte je te le confirme.

**emmanuel.remy** · 08/04/2010, 17h01

Tu peux envoyer un store de demo que je puisse tester ton code ?

ERE

**benoxy** · 08/04/2010, 18h21

Voici le store. Il faut enlever l'extension .conf

**benoxy** · 09/04/2010, 17h53

J'ai trouvé il me manquait dojo.require("dojox.grid.cells.dijit").
Cela fonctionne.

**emmanuel.remy** · 09/04/2010, 18h30

Salut,

Désolé mais je n'ai pas pu regarder avant...

Et effectivement de mémoire c'est cette librairie qui définit les méthode de lecture de widgetClass et widgetProps. Ceci explique cela.

Pour mon info, les widgets s'affichaient correctement ?

ERE

**benoxy** · 11/04/2010, 20h37

Sans cette librairie cela ne fonctionne pas ( les widgets ne s'affichent pas ).
Je rencontre tout de même un soucis lorsque je veux mettre à jour le grid, j'ai le message d'erreur suivant dans firebug : ItemFileWriteStore does not have support for changing the value of an item's identifier.

Peux tu me dire d'ou cela peux provenir ?

**emmanuel.remy** · 13/04/2010, 22h45

Envoyé par benoxy

Sans cette librairie cela ne fonctionne pas ( les widgets ne s'affichent pas ).

Ha ok, par ce que dans ton premier post tu ne l'indiquais pas

Je rencontre tout de même un souci lorsque je veux mettre à jour le grid, j'ai le message d'erreur suivant dans firebug : ItemFileWriteStore does not have support for changing the value of an item's identifier.

Peux tu me dire d'ou cela peux provenir ?

Effectivement le store ItemFileWriteStore n'accepte pas qu'on modifie la valeur de l'attribut qui fait office de clé primaire (le identifierAttribute. Ce n'est pas une spécification de l'API, mais une limitation de ce store (certainement pour des raison d'intégrité,notamment si tu appelles ensuite la fonction revert)

Tu peux contourner cette limitation sans casser l'intégrité en plusieurs étapes:

stocker l'item que tu veux modifier (dans une variable js)
supprimer l'item du store
effectuer un save sur le store (pour que Dojo réinitialise les tableaux destinés aux modifications en cours - et utilisés en cas de revert)
modifier la clé de ton item stocké en 1)
ajouter ton item stocké en 1)

Ouf

!

ERE

Régle de saisie sur Grid d'un datagrid [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager