Zend Dojo grid

Version imprimable

Zend Dojo grid

Bonjour,

petit souci avec un grid, j'ai suivi ce tuto.
Dans ma classe Bootstrap, j'ai :

Code:

1
2
3
4
5
6
7
$view -> addHelperPath('Zend/Dojo/View/Helper/', 'Zend_Dojo_View_Helper');
$view -> dojo() -> setLocalPath(BASE_URL . '/js/dojo/dojo.js')
	-> addStyleSheetModule('dijit.themes.tundra')
	-> addStyleSheet(BASE_URL . '/js/dojox/grid/_grid/tundraGrid.css')
	-> setDjConfigOption('usePlainJson',true)
	-> setDjConfigOption('parseOnLoad', true)
	-> enable();

Mon contrôleur :

Code:

1
2
3
4
5
6
7
8
9
10
11
<?php
 
class EcartController extends Lib_Controller_ActionFactory
{
	public function indexAction()
	{
		$erecharge = new Default_Model_DbTable_Erecharge();
		$dojoData = new Zend_Dojo_Data('id', $erecharge -> fetchAllGroupBy("libelle_boutique='AIX CHABRIER'",'date_vente',null,null,null));
		echo $dojoData -> toJson();
	}
}

Ma vue :

Code:

1
2
3
4
5
6
7
8
9
10
11
<div dojoType="dojox.data.QueryReadStore" clientSort="true" jsId="erechargeStore" url="index"></div>
<div dojoType="dojox.grid.data.DojoData" jsId="model" rowsPerPage="60" store="erechargeStore"></div>
<table dojoType="dojox.grid.Grid" model="model">
    <thead>
        <tr>
		<th field="date_vente">Date vente</th>
		<th field="code_agence">Agence</th>
		<th field="libelle_boutique">Boutique</th>
        </tr>
    </thead>
</table>

et dans layout.phtml j'ai

Code:

1
2
3
4
<script type="text/javascript">
	dojo.require("dojox.data.QueryReadStore");
	dojo.require("dojox.grid.Grid");
</script>

et le résultat est que mon grid contient les bons noms de colonne, mais à la place des données, j'ai des points d'interrogation.
Mes données s'affichent en dessous de ma grid :?

Quelqu'un a une idée ?

26/10/2009, 11h59
ninikkhuet

Bonjour,

Petit up et je voudrais savoir si vous voyez quelque chose dans le 1er tableau de cette page car je vois la même chose que dans mon test : un tableau avec des noms de colonnes et des points d'interrrogation à place des données..

Au fait les données qui s'affichent en dessous de mon tableau ressemblent à ça :
{"identifier":"id","items":[{"id":"6817548","date_injection":"1992-01-03", "date_echeance":"1995-01-16", "code_boutique":"AL824", "code_magasin":"810", "libelle_boutique":"AIX CHABRIER", "code_agence":"ADSUDEST", "libelle_agence":"AD Sud Est", "date_vente":"2008-12-27", "code_ean":"1234", "produit":null, "valeur_produit":"35.00", "qte_vegas_sortie":"1", "qte_vegas_retour":"0", "qte_pod_sortie":"0", "valeur_sortie_pod":"0.00", "ecart":"1","ecart_abs":"1", "ecart_traite":null, "valeur_ecart":"35.00", "valeur_abs_ecart":"35.00", "statut":"1", "commentaire":"Entraide<\/tri>Entraide<\/titre>MARJORIE MAYOL<\/commentaire>Toto test<\/auteur>2009-01-02<\/date_maj><\/justificatif>","commentaire_plus":null},...

Bonjour,

ça y est, c'est partiellement résolu (grâce à un autre forum que je remercie ! :ccool:). Voici ce qu'il faut faire. Dans le contrôleur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
class EcardController extends Lib_Controller_ActionFactory
{
	public function indexAction()
	{
 
	}
 
	public function tableAction()
	{
		$erecharge = new Default_Model_DbTable_Erecharge();
		$dojoData = new Zend_Dojo_Data('id', $erecharge -> fetchAllGroupBy("libelle_boutique='AIX CHABRIER'",'date_vente',null,null,null));
		$this->_helper->autoCompleteDojo($dojoData);
	}
}

Dans view/scripts/ecard/index.phtml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
	var gridLayout = [
		{ name: "Date vente", field: "date_vente", width: "auto" },
		{ name: "Agence", field: "code_agence", width: "auto" },
		{ name: "Boutique", field: "libelle_boutique", width: "auto" }
	];
	var store = null;
	dojo.addOnLoad(function() {
	    store = new dojox.data.QueryReadStore({
	        url:"ecard/table",
	        method:"post"
	    });
	    grid.setStore(store);
	    grid.setStructure(gridLayout);
	});
 
</script>
 
<h2 class="orange">Ecarts sur e-produits</h2>
 
<div dojoType="dojox.grid.DataGrid" id="grid" jsid="grid" store="store" query="{ id: '*' }" rowsPerPage="60" structure="gridLayout"></div>

Ne pas oublier d'ajouter les require dans le bootstrap :

Code:

1
2
3
4
5
6
7
8
9
$view -> addHelperPath('Zend/Dojo/View/Helper/', 'Zend_Dojo_View_Helper');
$view -> dojo() -> setLocalPath(BASE_URL . '/js/dojo/dojo.js')
	-> addStyleSheetModule('dijit.themes.tundra')
	-> addStyleSheet(BASE_URL . '/js/dojox/grid/_grid/tundraGrid.css')
	-> setDjConfigOption('usePlainJson',true)
	-> setDjConfigOption('parseOnLoad', true)
	-> requireModule('dojox.data.QueryReadStore')
	-> requireModule('dojox.grid.DataGrid')
	-> enable();

voilà. Par contre maintenant j'ai les données qui "chevauchent" les noms des colonnes, j'ai deux checkbox en dessous du nom de ma 1ère colonne, et je ne peux pas trier mes colonnes en cliquant dessus (c'est pour ça que j'essayais d'utiliser ce datagrid à la base :aie:). Cf. la pièce jointe pour voir ce que ça donne chez moi.

29/10/2009, 11h43
ninikkhuet

ça y est, c'est résolu, grâce à "Ledahu" :D

en fait je me suis trompée de fichier CSS dans le bootstrap, il fallait mettre :

Code:

$view -> dojo() -> addStyleSheet(BASE_URL . '/js/dojox/grid/resources/tundraGrid.css');

voilà, j'espère que ça aidera des gens :wink:
11/05/2010, 19h17
dingamnodjinadji

Zend Grid Dojo

j'ai repris exactement le code que tu donné mais lorsque je tente d'aceder à la page qui doit afficher la grille comme http://localhost/MonAppli/public/ecard, j'ai directement une boite de dialogue de téléchargement du fichier ecard
Je ne sais pas comment faire aidez moi s'il vous plait ça fait deux semaines que je suis confronté à ce problème
Merci d'avance:cry: