Barre de pagination (dans un grid) qui marche pas

Version imprimable

Bonjour,

J'ai un problème avec la barre de pagination (dans un grid), il y a que le bouton d'actualiser qui marche. Mais pour le "displayMsg:" , "emptyMsg:" et les autres il y a rien qui marche. Les données s'affichent correctement dans le grid qui utilise le même store que la barre de pagination.

Merci pour votre aide :)
PS : j'utilise ExtJs3

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
 
 // barre de pagination
 
items: [
                    {
                        xtype: 'grid', 
// ....
// ...
                        bbar: {
                            xtype: 'paging',
                            displayInfo: true,
                            displayMsg: 'Produit (s) {0} à {1} de {2}',
                            emptyMsg: 'Aucun produit',
                            id: 'productGridPagingToolbar'
                        }
 
      }
 
 // ajout de store
var myGrid = Ext.getCmp('productGridId');
myGrid.store = store;
Ext.getCmp('productGridPagingToolbar').store = myGrid.store;
Ext.getCmp('productGridPagingToolbar').pageSize = App.Config.LIST_SIZE;
 
// store-load
		grid.getStore().proxy.args = dwrParams;
		grid.getStore().load({
			params: {
				start:0,
				limit: App.Config.LIST_SIZE
			}
		});

ola,

il faudrait que tu nous montre ce que retourne le serveur ...

je pense que tu as oublié de mettre la mention:

Code:

totalProperty: 'results',

dans ton store...

'results' est le nom de l'attribut qui renvoyé par le serveur comme le montre l'exemple suivant
Code:

1 2 3 4 5 6 { "success": true, "results": 2000, //nombre total d elements total, parametre pour faire la pagination "rows": [ // *Note: this must be an Array { "id": 1, "name": "Bill", "occupation": "Gardener" },...] }

Bonjour,

Je pense pas, mais le store est utilisé par le grid et la barre de pagination, dans le grid les informations s'affichent correctement

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
	  	var store = new Ext.data.JsonStore(
		{
			totalProperty: 'totalCount',
			proxy: new Ext.ux.rs.data.FormDwrProxy
			(
				{
					call: AssetFormManager.findEdobs,
					args: [],
					grid: 'myGrid'					
				}
			),
			reader: null,
			listeners: 
			{
				'loadexception': function(){alert("Erreur durant le chargement des données");}
			}
		});

bonjour,

je crois deviner ou se trouve le pb ...

ton reader de ton store (jsonStore est null) ... et pourtant ... ton pagingtoolbar, utilise cet attribut pour faire la pagination ... c'est donc normal que tes boutons ne marche pas ...

Je te propose de mettre ca :
Code:

1 2 3 4 5 6 7 reader: new Ext.data.JsonReader({ root:'rows', totalProperty: 'results', id:'id' }, [ // column model a ajouter ])
avec une reponse json de ce type:
Code:

1 2 3 4 5 6 7 8 9 10 { "success": true, "results": 2000, "rows": [ // *Note: this must be an Array { "id": 1, "name": "Bill", "occupation": "Gardener" }, { "id": 2, "name": "Ben", "occupation": "Horticulturalist" }, ... { "id": 25, "name": "Sue", "occupation": "Botanist" } ] } // exemple de pagingtoolbar dans la doc extjs

11/05/2010, 13h17
mynour

Merci bien ça marche :ccool: