Remplir multiselect à partir d'un store

Version imprimable

2 pièce(s) jointe(s)

Bonjour,

j'ai une nestedlist de personne et j'aimerais que si je click sur une personne,
allez dans un view dans laquelle je presente la liste des application associée à la personne et pour chaque application avoir un multiselect permettant d'ajouer ou d'enlever la liste des droits qu'offre l'application.
voir images jointes:

Cependant mon problème c'est d'abord le fait j'arrive pas à remplir mon multiselect avec un store .
Voici le code de mon app.js sans le store (données en dur)

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
33
34
35
36
37
38
39
40
41
42
43
44
 
Ext.Loader.setPath({
    'Ux.field': 'ux'
});
 Ext.Loader.setConfig({ disableCaching: false });
//</debug>
 
Ext.application({
    name: 'MultiselectFieldDemo',
	models: ['modelMselect'],
    requires: [
        'Ux.field.Multiselect'	
    ],
 
    launch: function() {
        // Initialize the main view
        Ext.Viewport.add(Ext.create('Ext.form.Panel', {
            fullscreen: true,
            items: [
                {
                    xtype: 'fieldset',
                    title: 'Select',
                    items: [
                        {
                            xtype: 'multiselectfield',
                            label: 'Choose one',
                            delimiter: ',', 
                            mode: 'MULTI', // default is MULTI,
                            // value: ['first','second'] , init value with an array
                            // value: 'first,second', init value with a string
                            options: [
                                {text: 'First Option',  value: 'first'},
                                {text: 'Second Option', value: 'second'},
                                {text: 'Third Option',  value: 'third'}
                            ]
                        }
                    ]
                }
            ]
        }));
    }
});
 
Merci d'avance de votre aide

09/12/2013, 15h54
sekaijin

je ne suis pas sur de comprendre
pour mois ça marche comme n'importe quel composant utilisant un store

A+JYT

Merci de votre reponse Sekaijin

c'est ce que je ne comprend pas car meme en deplacant juste les donneé dans un model je n'ai rien dans ma liste

code model

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
Ext.define("MultiselectFieldDemo.model.modelMselect", {
    extend: "Ext.data.Model",
    config: {
 
		options: [
			{text: 'Admin',  value: 'first'},
			{text: 'Super user', value: 'second'},
			{text: 'Simple user',  value: 'third'}
		]	
    }
 
});

code app.js

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
33
34
35
36
37
38
39
 
Ext.Loader.setPath({
    'Ux.field': 'ux'
});
 Ext.Loader.setConfig({ disableCaching: false });
//</debug>
 
Ext.application({
    name: 'MultiselectFieldDemo',
	models: ['modelMselect'],
    requires: [
        'Ux.field.Multiselect'	
    ],
 
    launch: function() {
 
        // Initialize the main view
        Ext.Viewport.add(Ext.create('Ext.form.Panel', {
            fullscreen: true,
            items: [
                {
                    xtype: 'fieldset',
                    title: 'Select',
 
                    items: [
                        {
                            xtype: 'multiselectfield',
                            label: 'Choose one',
                            delimiter: ',', 
                            mode: 'MULTI', 
			    model:'modelMselect'    //le model 
 
                        }
                    ]
                }
            ]
        }));
    },
});

Merci de votre aide