Discussion :

[devkaty]

Salut a tous,


J'ai un comboBox a l’intérieur d'un tabPanel exactement dans le 2eme onglet, sous firefox et chrome fonctionne bien par contre sous IE7, la liste déroulante de la comboBox et mal affiché, elle se positionne en haut de la page.

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
 
new Ext.TabPanel({
            id: 'id1',
            border: false,        
            activeTab: 1,
            labelWidth: 120,
            items: [
			// 1er onglet
            new Ext.FormPanel({
			   // ......
			}),
		// 2eme onglet	
		new Ext.FormPanel({
			id: 'idp1',
			labelWidth: 120,
			title: "Service",
			defaults: {width: 350 },  
			border: false,
			frame: true,
			fileUpload: true,
			width: 360,
			height: 290,
			autoScroll: true,
			items: [
			// le combobox mal affiché, se situer en 2 eme onglet
                new Ext.form.ComboBox({
                    id: 'id_visibilite',
                    fieldLabel: 'Visibilité *',
                    name:'n_visibilite',
                    width: 360,
                    hiddenName:'n_visibilite',
                    store: new Ext.data.SimpleStore({
                        fields: ['id', 'label'],
                        data : [
                        [ '1', 'Oui' ],
                        [ '2', 'Non' ]
                        ]
                    }),
                    tpl: '<tpl for="."><div class="x-combo-list-item">{label}</div></tpl>',
                    valueField:'id',
                    displayField:'label',
                    forceSelection : true,
                    mode: 'local',
                    triggerAction: 'all',
                    emptyText: translations.GEN_FORMS_CHOISISSEZ,
                    selectOnFocus:true,
                    allowBlank: false,
                    blankText: translations.GEN_FORMS_ERROR_CHAMPVIDE
                })
 
				//....

Merci d'avance

[sekaijin]

J'ai beaucoup de mal à te suivre dans ton code tout est mélangé les datasource et les éléments d'affichage

mais je n'ai pas vu de combobox dans ta liste déroulante.

tu a un ensemble de label dans des div avec un feuille de style de combobox mais pas de combobox.

je pense qu'il te faut relire la doc sur l'écriture des éléments entre autre toute la partie sur les xtypes

enfin je ne pense pas que le choix d'une combobox soit judicieux

soit tu fait un menu (et non un combo) avec deux radio. ce qui est le plus proche de ce que tu propose voir l'exemple menu "basic toolbar" permier menu -> "radio options" ->
soit une simple checkbox
soit un groupe de deux bouton radio.

mais une combobox est un objet d'interface déstiné à récupérer et afficher des valeurs. une combobox n'est pas une valeur c'est un objet d'interface pour récupérer et afficher une valeur de type booléenne.

mettre des chekbox dans une combobox n'a aucun sens.

même si visuellement ça te parait sympatique plus ton IHM est simple plus elle a de sens mieux les utilisateurs pourront l'utiliser.

tes utilisateurs sont je supose comme tout le monde et s'attende à une liste de choix
une combo avec Oui/Non, une CheckBox Oui, oui une groupe de radio Oui/Non
le meilleur moyen de les satisfaire et de faire simple. de la sorte il n'ont rien à apprendre car l'IHM leur propsoe ce qu'il connaissnet déjà.

A+JYT