Discussion :

[abraxis]

Bonjour,

Je voudrois utiliser le système d'upload de fichier mais dans une toolbar.
Je n'arrive pas à adapter les exemples fournie par Sencha ici : http://dev.sencha.com/deploy/dev/exa...le-upload.html

Voici mon morceau de 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
xtype: 'grid',
id: 'treza',
title: 'Référence de la fiche Tableau de bord',
border: false,
height: 100,
store: 'gridStore',
columns: [
  {
    dataIndex: 'id',
    header: 'Nom',
    sortable: true,
    width: 50
  },{
    dataIndex: 'username',
    header: 'Auteur',
    sortable: true,
    width: 100
  }
],
tbar: 	uploadFile

Code :

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

1
2
3
4
5
6
7
8
uploadFile = new Ext.ux.form.FileUploadField({
        buttonOnly: true,
        listeners: {
            'fileselected': function(fb, v){
                 console.info('toto');
            }
        }
    });

Ce code m'affiche le bouton "parcourir" et le champs texte à côté...

Si vous avez une idée je suis preneur ^^

Merci par avance

[abraxis]

Je vais me répondre à moi même...
J'avais oublié d'inclure un fichier css
Mais cela ne fonctionne toujours pas dans la toolbar j'ai donc du le sortir et le mettre dans un panel simple (ce qui me pose d'autres problèmes...)

[namavic]

Voici comment j'ai intégré un FileUploadField dans un Window/formPanel :

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
 
var fp = new Ext.FormPanel({
        renderTo: document.body,
        fileUpload: true,
        width:492,
        frame: true,
        autoHeight: true,
        bodyStyle: 'padding: 10px;',
        labelWidth: 50,
        defaults: {
            anchor: '98%',
            allowBlank: false,
            msgTarget: 'side'
        },
        items: [
			{
				xtype: 'fileuploadfield',
				id: 'form-file',
				emptyText: 'Sélectionnez un fichier',
				fieldLabel: 'Fichier',
				name: 'attached_file',
				buttonText: 'Sélectionnez un fichier',
				buttonCfg: {
					iconCls: 'files-win'
				}
			}
		],
        buttons: [
		{
            		text: 'Envoyer',
            		handler: function(){
                		if(fp.getForm().isValid()){
	                		fp.getForm().submit({
	                    			url: 'file-upload.php',
	                    			waitMsg: 'Téléchargement du fichier...',
	                    			success: function(){
							file_win.close();
	                    			},
			    			failure : function (response, opts) {
							Ext.Msg.alert('An error occured with the server:\n'+response.responseText);
						}
	                		});
				}
        		}
        	},{
            	text: 'Annuler',
            	handler: function(){
                	file_win.close();
            	}
	}]
    });
 
    var file_win = new Ext.Window({
        layout: 'form',
        title: 'Ajouter un fichier',
		closable: true,
		resizable: false,
        width: 500,
		items:[fp]
    });
    file_win.show();

[abraxis]

merci ^^

Je vais tester ca : ))))