Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3384 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [DOJO] EnhancedGrid [resolu]

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[DOJO] EnhancedGrid [resolu]

n°2021356
naeco
Buddy Rich Big Band
Posté le 06-09-2010 à 11:06:15  profilanswer
 

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
mood
Publicité
Posté le 06-09-2010 à 11:06:15  profilanswer
 

n°2021385
naeco
Buddy Rich Big Band
Posté le 06-09-2010 à 11:47:36  profilanswer
 

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 ?

n°2021667
naeco
Buddy Rich Big Band
Posté le 07-09-2010 à 16:24:23  profilanswer
 

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 !

n°2021890
naeco
Buddy Rich Big Band
Posté le 08-09-2010 à 16:18:57  profilanswer
 

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.             }


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [DOJO] EnhancedGrid [resolu]

 

Sujets relatifs
dojo 1.5 et consoleUtiliser dojo
Dojo et nb de hitsProbleme avec la bibliothèque/toolbox Dojo (Javascript)
Pb de mise en place de DOJODojo : page dynamique
Framework django dojo et ajax 
Plus de sujets relatifs à : [DOJO] EnhancedGrid [resolu]

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.063 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)