Bonjour,

j'essaye d'effectuer un grid qui se base sur cette exemple de ext-gwt:
http://www.sencha.com/examples/#remotefiltergrid

j'utilise la version 2.0 de gwt et 2.2.1 de ext-gwt.

Je commence à pas mal maitriser gwt mais je viens tout juste de débuter avec le framework ext et je suis un peu perdu

donc voila mon code:
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
public class ListCombattantView extends LayoutContainer  {
 
 
	MonJeuView view;
 
	public ListCombattantView(MonJeuView view)
	{
		 this.view=view;
 
    }
 
	 private ColumnModel cm;  
 
	   @Override  
	   protected void onRender(Element parent, int index) {
		   Window.alert("onrender");
	     super.onRender(parent, index);  
	     setLayout(new FlowLayout(10));  
	     getAriaSupport().setPresentation(true);  
 
 
	     final MonJeuServiceAsync service = (MonJeuServiceAsync) Registry.get(MonJeu.SERVICE);
 
	        RpcProxy<PagingLoadResult<BaseModel>> proxy = new RpcProxy<PagingLoadResult<BaseModel>>() {  
 
			@Override
			protected void load(Object loadConfig,
					AsyncCallback<PagingLoadResult<BaseModel>> callback) { 
		        service.searchCombattant((FilterPagingLoadConfig) loadConfig, callback);
				Window.alert("searchCombattant");
 
			}  
	        };  
 
	       // loader  
	        final PagingLoader<PagingLoadResult<BaseModel>> loader = new BasePagingLoader<PagingLoadResult<BaseModel>>(proxy) {  
	          @Override  
	          protected Object newLoadConfig() {  
	            BasePagingLoadConfig config = new BaseFilterPagingLoadConfig();  
	            return config;  
	          }
 
			@Override
			protected void onLoadSuccess(Object loadConfig,
					PagingLoadResult<BaseModel> result) {
				super.onLoadSuccess(loadConfig, result);
				List<BaseModel> ds=result.getData();
				for(ModelData d: ds)
				{
				  Window.alert((String)d.get("nom"));
				}
			}  
 
	        };  
 
	        loader.setRemoteSort(true);  
 
	        ListStore<BaseModel> store = new ListStore<BaseModel>(loader); 
 
	     final NumberFormat currency = NumberFormat.getCurrencyFormat();  
	     final NumberFormat number = NumberFormat.getFormat("0.00");  
	     final NumberCellRenderer<Grid<BaseModel>> numberRenderer = new NumberCellRenderer<Grid<BaseModel>>(currency);  
 
	     GridCellRenderer<BaseModel> change = new GridCellRenderer<BaseModel>() {  
	       public String render(BaseModel model, String property, ColumnData config, int rowIndex, int colIndex,  
	           ListStore<BaseModel> store, Grid<BaseModel> grid) {  
	         double val = (Double) model.get(property);  
	         String style = val < 0 ? "red" : GXT.isHighContrastMode ? "#00ff5a" : "green";  
	         String v = number.format(val);  
 
	         return "<span qtitle='" + cm.getColumnById(property).getHeader() + "' qtip='" + v  
	             + "' style='font-weight: bold;color:" + style + "'>" + v + "</span>";  
	       }  
	     };  
 
	     GridCellRenderer<BaseModel> gridNumber = new GridCellRenderer<BaseModel>() {  
	       public String render(BaseModel model, String property, ColumnData config, int rowIndex, int colIndex,  
	           ListStore<BaseModel> store, Grid<BaseModel> grid) {  
	         return numberRenderer.render(null, property, model.get(property));  
	       }  
	     };  
 
	     List<ColumnConfig> configs = new ArrayList<ColumnConfig>();  
 
	     ColumnConfig column = new ColumnConfig();  
	     column.setId("nom");  
	     column.setHeader("Nom");  
	     column.setWidth(200);  
	     column.setRowHeader(true);  
	     configs.add(column);  
 
	     column = new ColumnConfig();  
	     column.setId("prenom");  
	     column.setHeader("prenom");  
	     column.setWidth(100);  
	     configs.add(column);  
 
	     column = new ColumnConfig();  
	     column.setId("classe");  
	     column.setHeader("Classe");  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setWidth(75);  
	     column.setRenderer(gridNumber);  
	     configs.add(column);  
 
	     column = new ColumnConfig("age", "Age", 100);  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setRenderer(change);  
	     configs.add(column);  
 
	     column = new ColumnConfig("transferable", "Transferable", 100);  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setDateTimeFormat(DateTimeFormat.getShortDateFormat());  
	     configs.add(column);  
 
	     column = new ColumnConfig("pretable", "Pretable", 100);  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setDateTimeFormat(DateTimeFormat.getShortDateFormat());  
	     configs.add(column);  
 
	     column = new ColumnConfig("coach", "Coach", 100);  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setDateTimeFormat(DateTimeFormat.getShortDateFormat());  
	     configs.add(column);  
 
 
	     column = new ColumnConfig("valeur", "Valeur", 100);  
	     column.setAlignment(HorizontalAlignment.RIGHT);  
	     column.setDateTimeFormat(DateTimeFormat.getShortDateFormat());  
	     configs.add(column);  
 
 
	     //store.add(setDataSource(new ArrayList<CombattantRow>()));  
 
	     cm = new ColumnModel(configs);  
 
	     ContentPanel cp = new ContentPanel();  
	     cp.setBodyBorder(true);  
	     cp.setHeading("Combattants");  
	     cp.setButtonAlign(HorizontalAlignment.CENTER);  
	     cp.setLayout(new FitLayout());  
	     cp.getHeader().setIconAltText("Grid Icon");  
	     cp.setSize(600, 300);  
 
	     final Grid<BaseModel> grid = new Grid<BaseModel>(store, cm);
	     grid.addListener(Events.Attach, new Listener<BaseEvent>() {
	       public void handleEvent(BaseEvent be) {
	    	   Window.alert("handleEvent");
	         loader.load(0, 25);
	       }
	     });
	     grid.setStyleAttribute("borderTop", "none");  
	     grid.setAutoExpandColumn("nom");  
	     grid.setBorders(false);  
	     grid.setStripeRows(true);  
	     grid.setColumnLines(true);  
	     grid.setColumnReordering(true);  
	     grid.getAriaSupport().setLabelledBy(cp.getHeader().getId() + "-label");  
	     cp.add(grid);  
 
	     final PagingToolBar toolBar = new PagingToolBar(25);
	     toolBar.bind(loader);
 
	     cp.setBottomComponent(toolBar);
 
	     add(cp);
 
	     // needed to enable quicktips (qtitle for the heading and qtip for the  
	    // content) that are setup in the change GridCellRenderer  
	     //new QuickTip(grid);  
	   }  
 
 
 
	public List<BaseModel> setDataSource(ArrayList<CombattantRow> combattantsRow)
	{
 
		List<BaseModel> listRecords=new ArrayList<BaseModel>();
		Window.alert(Integer.toString(combattantsRow.size()));	
		for(int i=0;i<combattantsRow.size();i++)
		{
			CombattantRow combattantRow = combattantsRow.get(i);
			BaseModel listRecord=new BaseModel();
			listRecord.set("Nom", combattantRow.getNom());
			listRecord.set("Prenom", combattantRow.getPrenom());
			listRecord.set("Classe", combattantRow.getClasse());
			listRecord.set("Age", combattantRow.getAge());
			listRecord.set("Transferable", combattantRow.getTransferable());
			listRecord.set("Pretable", combattantRow.getPretable());
			listRecord.set("Coach", combattantRow.getCoach());
			listRecord.set("Valeur", combattantRow.getValeur());
			listRecords.add(listRecord);
		}	
		return listRecords;
	}
}
coté serveur:
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
@SuppressWarnings("unchecked")
	@Override
	public PagingLoadResult<BaseModel> searchCombattant(FilterPagingLoadConfig config) 
	{	
		System.out.println("searchCombattant");
		List <BaseModel> combattants = new ArrayList<BaseModel>();
		Connection conn = DBConnection.getInstance();
		String queryString = "SELECT p.id as id,p.nom as Nom,p.prenom as Prenom,cl.nom as Classe,p.dteNaisse as Age,c.transferable as Transferable,c.pretable as Pretable,j.nom + j.prenom as Coach, p.id as Valeur  FROM personnages p LEFT JOIN combattants as c ON p.id=c.personnages_id LEFT JOIN classes as cl ON c.classes_id=cl.id LEFT JOIN contratsp as co ON p.id=co.personnages_id LEFT JOIN joueurs as j ON co.joueurs_id = j.id";
 
		ResultSet rs =DBConnection.executeQuery(queryString);
		try {
			while(rs.next()) {
				BaseModel combattant=new BaseModel();
				combattant.set("id", rs.getInt("id"));
				combattant.set("nom",rs.getString("Nom"));
				combattant.set("prenom", rs.getString("Prenom"));
				combattant.set("classe", rs.getString("Classe"));
				combattant.set("age", rs.getInt("Age"));
				combattant.set("transferable", rs.getBoolean("Transferable"));
				combattant.set("pretable", rs.getBoolean("Pretable"));
				combattant.set("valeur", rs.getInt("Valeur"));
				combattants.add(combattant);
			}
		} catch (SQLException e) {
			e.printStackTrace();
			return null;
		}
 
		    if (config.getSortInfo().getSortField() != null) {
		      final String sortField = config.getSortInfo().getSortField();
		      if (sortField != null) {
		        Collections.sort(combattants, config.getSortInfo().getSortDir().comparator(new Comparator() {
		          public int compare(Object o1, Object o2) {
		            BaseModel s1 = (BaseModel) o1;
		            BaseModel s2 = (BaseModel) o2;
 
		            if (sortField.equals("nom")) {
		              return ((String) s1.get("nom")).compareTo((String) s2.get("nom"));
		            } else if (sortField.equals("prenom")) {
		              return ((String) s1.get("prenom")).compareTo((String)s2.get("prenom"));
		            }
		            return 0;
		          }
		        }));
		      }
		    }
		    ArrayList<BaseModel> temp = new ArrayList<BaseModel>();
		    ArrayList<BaseModel> remove = new ArrayList<BaseModel>();
		    for (BaseModel s : combattants) {
		      temp.add(s);
		    }
 
		    if(config.getFilterConfigs()!=null)
		    {
			    List<FilterConfig> filters = config.getFilterConfigs();
			    for (FilterConfig f : filters) {
			      Object ov = f.getValue();
			      String c = f.getComparison();
			      for (BaseModel s : combattants) {
			        Object value = s.get(f.getField());
			        if (f.isFiltered(s, ov, c, value)) {
			          remove.add(s);
			        }
			      }
			    }
		    }
 
		    for (BaseModel s : remove) {
		      temp.remove(s);
		    }
 
		    ArrayList<BaseModel> sublist = new ArrayList<BaseModel>();
		    int start = config.getOffset();
		    int limit = temp.size();
		    if (config.getLimit() > 0) {
		      limit = Math.min(start + config.getLimit(), limit);
		    }
		    for (int i = config.getOffset(); i < limit; i++) {
		      sublist.add(temp.get(i));
		    }
		    System.out.println(Integer.toString(sublist.size()));
		    return new BasePagingLoadResult<BaseModel>(sublist, config.getOffset(), temp.size());
	}
Dans la parti client j'ai affiché quelque messages pour essayer de voir ou ça bloque.
En faite quand je lance l'application le grid se charge bien mais il est vide. Par contre la parti cliente récupère bien les donnéese de la base car il affiche bien les nom dans mon alert :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
protected void onLoadSuccess(Object loadConfig,
					PagingLoadResult<BaseModel> result) {
				super.onLoadSuccess(loadConfig, result);
				List<BaseModel> ds=result.getData();
				for(ModelData d: ds)
				{
				  Window.alert((String)d.get("nom"));
				}
			}
Le truc c'est que je sais pas comment le faire apparaitre sur mon grid sachant que en bas du grid j'ai l'affichage suivant: "Displaying 1 - 3 of 3"
donc je devrais pouvoir voir la liste. Pourtant elle est vide et je vois pas trop ce que je dois modifier. Et dans l'exemple c'est exactement la même chose.