Discussion :

[Mornor]

Bonjour à tous !

Voilà, je suis depuis le début de cette journée coincé sur un problème qui me semble pourtant simple, mais dont je ne parviens pas à trouver une solution.

J'ai un formulaire réalisé en ext-js 4.2 qui envoie à un servlet java des données. Ces données sont effectivement reçues, et je les renvoies sous forme d'un JSONObject) au client (donc sur l'interface ext-js).
Je récupère bien ces données, mais je n'arrive pas à les mettre sous forme d'une grid en extjs ...

Voici la méthode principale du servlet :

Code java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
    	response.setContentType("text/html");
    	String nameSent = request.getParameter("name"); 
    	String dobSent = request.getParameter("dob"); 
    	String addrSent = request.getParameter("addr");
    	System.out.println("Name : " +nameSent+ " - Dob : " +dobSent+ " - Addr : " +addrSent);
 
    	JSONObject toSendBack = new JSONObject(); 
    	toSendBack.put("nameSent", nameSent); 
    	toSendBack.put("dobSent", dobSent); 
    	toSendBack.put("addrSent", addrSent); 
    	toSendBack.put("success", true);
    	response.getWriter().print(toSendBack.toString());
		response.setStatus(HttpServletResponse.SC_OK);
    }

Et voici le code ext-js :

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
var form = Ext.create('Ext.form.Panel', {
	renderTo : 'form', 
	frame : true, 
	title : 'Subscription', 
	width : 250, 
	url : 'TestServlet', 
	method : 'POST', 
	fieldDefaults : {
		labelAlign : 'left', 
		labelWidth : 90, 
		anchor : '100%'
	},
	items : [{
		xtype : 'textfield', 
		fieldLabel : 'Name ', 
		name : 'name',
		allowBlank : false
	}, {
		xtype : 'datefield', 
		fieldLabel : 'Dob ', 
		name : 'dob'
	}, {
		xtype : 'textfield', 
		fieldLabel : 'Address ', 
		name : 'addr'
	}, {
		xtype : 'button', 
		text : 'Submit', 
		handler : function(){
			var dataToSend = this.up('form').getForm(); 
			dataToSend.submit({
				success:function(form,action){
					var result=Ext.JSON.decode(action.response.responseText); 
					resultPanel.items.items[0].setValue(result.nameSent);
				},
				failure:function(form,action){
					alert("failure");							
				}
			}); 
		}
	}]
});

Quelqu'un pourrait-il me mettre sur la piste ?
Je dois dire que je suis un peu désespéré ...

Grand merci aux courageux qui m'aideront

[sekaijin]

il est defini où ton grid ?
ou est le datastore ?
où est défini le proxy

Je te conseille grandement de suivre le tuto MVC
car j'ai bien l'impression que tu es à mille lieux de la philosophie de sencha

A+JYT

[Mornor]

Merci pour ta réponse,

Effectivement, je pense que j'ai voulu aller trop vite.
Saurais tu me donner les liens concernant les tutos MVC ?

Bien cordialement,

Mornor

[sekaijin]

dans ext-js lui même

si tu as dezzipé la lib dans un dossier de ton serveur web
ouvre l'url http://localhost/maversion-extjs/

tu vas avoir une page qui resesmble à celle de sencha avec un accès à la doc.
dans la doc l'onglet en forme de livre est une liste de tuto
MVC est parmi les premiers

sinon en ligne mais
suivant ta version de Ext il te faut choisir l'url
http://docs.sencha.com/

http://docs-origin.sencha.com/extjs/...n_architecture
http://docs.sencha.com/extjs/5.0.0/a...hitecture.html

A+JYT