Discussion :

[maxusn]

Edit : titre modifier pour éviter de recréer un sujet

Bonjour,

je viens de me lancer dans le développement d'applications mobile avec le framework Sencha Touch depuis ce matin.

j'ai une vue contenant une liste de client, que je récupère via une base de données.
Je souhaiterais que lorsqu'on clic sur un élément de la liste, afficher une seconde vue contenant toutes les info du clients (c'est la que je bloque).

voici mon code :

ma vue client :

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
Ext.define('MyApp.view.Clients', {
	extend: 'Ext.dataview.List',
	id : "listeClient",
 
    requires: [
		'Ext.data.proxy.Rest'
    ],
 
	config: 
	{
 
		itemTpl: '{libelle}',
		store: 
		{			
			autoLoad: true,
			fields: ['Idclient', 'libelle', 'code'],
			proxy: 
			{
				type: 'rest',
				url: 'serv/ConnectBase.php'
			}		
		},
 
	},
 
 
});

le controller correspondant a la vue :

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
Ext.define('MyApp.controller.Clients', {
    extend: 'Ext.app.Controller',
 
	config: 
	{
		refs: 
		{
			nav: '#listeClient'
		},
 
		control: 
		{
			nav: 
			{
				itemtap: 'onNavTap'
			}
		}	
	},
 
	onNavTap: function(list, index, item, record) 
	{
		Ext.Msg.alert("clic","clic");
	},	
 
});

pour le moment je souhaiterais juste que lorsqu’on clic sur un élément de la liste, un message soit affiché, mais rien ne se passe.
je n'ai pas trouver comment spécifier que mon controller et ma vue était lié peut être le problème vient il de la.

merci d'avance.


Edit : problème résolus

[sekaijin]

je pensais que dans la doc de sencha touch 2 cet aspect était claire mais ce n'est pas la cas.

il faut lire
http://docs.sencha.com/touch/2-0/#!/guide/nested_list
qui montre la relation entre une nestedList et un detailCard
mais il ne fait quasiment rien

dans la doc de extjs (où les événement à gérer sont différent)
le tuto MVC est bien plus complet
il met en place une grid avec un form
http://docs.sencha.com/ext-js/4-1/#!...n_architecture
on a là la gestion de lévénement clikIem qui appelle editUser
et cette fonction transmet bien les données à la vue.

A+JYT

[maxusn]

Bonjour,

merci pour cette doc, sekaijin, mais j'ai un nouveau problème avec les changements de vues :
je dispose d'un menu a gauche : "Accueil" et "Clients", lorsqu'on l'on clic sur un des ces éléments la vue est changée.

lorsqu'on clic sur Client, une vue est affichée contenant la liste des clients stockées en BD (jusque la pas de soucis)

j'ai ensuite un controller pour checker un clic sur un élément de la liste et affichier une vue detail :

mon controller.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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
Ext.define('MyApp.controller.Clients', {
    extend: 'Ext.app.Controller',
 
	config: 
	{
		refs: 
		{
			nav: '#listeClient', // id de la liste de client
			main: 'mainview',
			toolbar: '#mainBar',
			addButton: '#addButton'
		},
 
		control: 
		{
			addButton: 
			{
                tap: 'ajoutClient'
            },
 
			nav: 
			{
				itemtap: 'onNavTap'
			}
		},
 
	},
 
	isActive: function() 
	{
		return true;
	},
 
	onNavTap: function(list, index, item, record) 
	{	
		this.showView('MyApp.view.Detail',record,1);
	},
 
	showView: function(Itemview,record,mode) 
	{
		var nav = this.getNav(),
			main = this.getMain(),		
			view = Ext.create(Itemview);
 
		main.remove(main.getActiveItem());			
		main.setActiveItem(view);
 
 
		// clic sur un element de la liste client
		if(mode == 1)
			this.getToolbar().setTitle("Detail du client : "+record.get("libelle"));	
 
		// clic sur le bouton d'ajout		
		else
			this.getToolbar().setTitle("Ajouter un client  ");	
 
 
	},	
 
	ajoutClient: function(Itemview,record) 
	{
		this.showView('MyApp.view.AddClients',record,0);
		Ext.getCmp('addButton').setHidden(true);
	}	
 
});

Quand je lance l'application, si je clic sur client, la liste s'affiche, je clic sur un élément de la liste, ma vue detail s'affiche --> OK

par contre une fois sur ma vue detail, si je reclic sur client, ou si je fais client->accueil ->Client, ma liste s'affiche mais lorsque je clic sur un élément, rien ne se passe.

de temps en temps j'obtient aussi un Warning dans la console :

[WARN][Ext.Component#constructor] Registering a component with a id (`listeClient`) which has already been used. Please ensure the existing component has been destroyed (`Ext.Component#destroy()`.

comment puis-je remedier au probleme ?



merci

Edit : problème résolus.