[DOJO] EnhancedGrid [resolu]

EnhancedGrid [resolu] [DOJO] - HTML/CSS - Programmation

Marsh Posté le 06-09-2010 à 11:06:15    

Bonjour,
Après la lecture des tutos officiels et des docs :
 


même si je ne l'ai pas trouvé là :


Je n'arrive pas à faire ce que je veux.
 
L'objectif est de faire un tableau EnhancedGrid avec des cellules éditables qui peuvent contenir des widget comme dijit.form.DateTextBox
ou dijit.InlineEditBox.
 
et... j'y arrive pas...
 
mon code est  :
 

Code :
  1. <script type="text/javascript">
  2.             dojo.require("dijit.layout.TabContainer" );
  3.             dojo.require("dijit.layout.ContentPane" );
  5.             /** Pour le datagrid droppable */
  6.             dojo.require("dojox.grid.EnhancedGrid" );
  7.             dojo.require("dojox.grid.enhanced.plugins.DnD" );
  8.             dojo.require("dojox.grid.enhanced.plugins.Menu" );
  9.             dojo.require("dojox.grid.enhanced.plugins.NestedSorting" );
  10.             dojo.require("dojox.grid.enhanced.plugins.IndirectSelection" );
  11.             dojo.require("dojox.data.CsvStore" );
  13.             /** FinPour le datagrid droppable */
  14.            
  15.      dojo.addOnLoad(function() {
  16.          // our test data store for this example:
  17.          var store = new dojox.data.CsvStore({url: 'service_charger_liste_sport_CSV.php'});
  19.          // set the layout structure:
  20.          var layout = [{
  21.              field: 'titre',
  22.              name: 'Titre',
  23.              editable: 'true',
  24.              width: '200px'
  25.          },
  26.          {
  27.              field: 'date_dernier_update',
  28.              name: 'Date de la derni&egrave;re<br/> mise &agrave; jour',
  29.              width: '100px'
  30.          },
  31.          {
  32.              field: 'reconduction_automatique',
  33.              name: 'Reconduction<br/>automatique',
  34.              width: 'auto'
  35.          },
  36.          {
  37.              field: 'liste_attente',
  38.              name: 'Reconduction<br/>automatique',
  39.              width: 'auto'
  40.          },
  41.          {
  42.              field: 'commentaires',
  43.              name: 'Commentaires',
  44.              width: 'auto'
  45.          }];
  47.          // create a new grid:
  48.          var grid = new dojox.grid.EnhancedGrid({
  49.              query: {
  50.                  titre: '*'
  51.              },
  52.              store: store,
  53.              rowSelector: '20px',
  54.              structure: layout,
  55.              plugins: {
  56.                  nestedSorting: true,
  57.                  dnd: true
  58.              }
  59.          },
  60.          document.createElement('div'));
  62.          // append the new grid to the div "gridContainer4":
  63.          dojo.byId("gridDiv" ).appendChild(grid.domNode);
  65.          // Call startup, in order to render the grid:
  66.          grid.startup();
  67.      });
  68.         </script>


 
Le editable: 'true' provoque une erreur :
 
Firebug cannot find _firebugConsole element true Window index_menu.php
uncaught exception: _FirebugCommandLine init failed in http://localhost/bordeaux2/gestion [...] x_menu.php because TypeError: window.console.getFirebugElement is not a function
 
Vous auriez une piste ?


Message édité par naeco le 08-09-2010 à 16:20:45
Reply

Marsh Posté le 06-09-2010 à 11:06:15   

Reply

Marsh Posté le 06-09-2010 à 11:47:36    

J'ai tout redémarrer l'ordinateur, et donc firefox, il semblerait que l'erreur affichée dans la console n'est pas dû à la valeur editable= 'true', cependant, mes cellules ne sont pas éditable pour autant :'( ...
 
Vous auriez une idée ?

Reply

Marsh Posté le 07-09-2010 à 16:24:23    

Pour le coté éditable il faut utiliser un dojo.data.ItemFileWriteStore et pas new dojox.data.CsvStore.
 
 
Pour ce qui est d'y mettre des widget comme la date, j'ai toujours pas réussi.
 
Si quelqu'un à une idée, je suis preneur !  
Merci !

Reply

Marsh Posté le 08-09-2010 à 16:18:57    

La syntaxe était la suivante :
 

Code :
  1. {
  2.              field: 'Enseignants',
  3.              type: dojox.grid.cells.Select,
  4.              options: ['Jeff','Marcel'],
  5.              values: [ '0', '1' ],
  6.              defaultValue: "aucun",
  7.               formatter: formatSourceSportsEnseignants,
  8.              width: 'auto'
  9.               //http://o.dojotoolkit.org/forum/dojox-dojox/dojox-grid-support/set-option-and-value-properties-dojox-grid-cells-select-object-
  10.             }

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed