input select dans un accordion

Version imprimable

28/12/2011, 12h19
ikeabp

input select dans un accordion
Bonjour,

J'ai un select alimenté par une table SQL dont les items contiennent des espaces ("Ressources humaines" par exemple).

Lorsque je force l'activation d'un onglet de l'accordion via :
Code:

1 2 $("#ctrlAccor").accordion({ active: 1 });
Mon select n'affiche plus "Ressources humaines" mais "Ressources", il semble que l'espace pose pb. Si je clic sur mon select : "Ressources humaines" re-apparait bien.

Une idée ?
28/12/2011, 12h59
SpaceFrog

c'est un peu leger comme code ...
il faudrait en voir un peu pus

Bonjour,

coté client :

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
45
46
47
48
49
50
51
52
53
54
55
 
 <script type="text/javascript">
 
        $(document).ready(function () {
 
            // Affichage ctrl accordeon contenant les items
            $("#ctrlAccor").accordion({ autoHeight: false, collapsible: true });
 
            // Recherche PM
            $('#<%=imgRecherchePm.ClientId%>').live("click", function () {
                recherchePm_click()
            });
 
            // Conservation de l'activation du tab de nouveau suivi de la PM recherchée
            if ($('#<%=hfRaisonPmSearch.ClientId%>').val() != "") {
 
                $("#ctrlAccor").accordion({ active: 1 });
 
            };
 
 
            // Lance picker de recherche d'une PM      
            function recherchePm_click() {
 
                var parameters = '';
                var result = window.showModalDialog('../lib/pmpicker3.aspx', parameters, 'center:yes; resizable:yes; dialogWidth:522px; dialogHeight:625px; status:no; scroll:no;');
 
                if (!result) return false;
 
                if (result[1] == 0) {
 
                    return false;
 
                } else {
 
                    // Raison sociale de la PM recherchée
                    $('#<%=tbRetourPmSearch.ClientId%>').val(result[1]);
                    $('#<%=hfRaisonPmSearch.ClientId%>').val(result[1]);
 
                    // IdPm de la Pm recherchée
                    $('#<%= hfIdPmSearch.ClientId%>').val(result[0]);
 
                    // IdRole de la Pm recherchée
                    $('#<%=hfIdRole.ClientId%>').val(result[2]);
 
                    // Activation du tab de nouveau suivi de la PM recherchée
                    $("#ctrlAccor").accordion({ active: 1 });
 
                    return true;
                }
            };
 
        });
 
    </script>

Le pb est lié à ce bout de code qui me permet de récupérer le tab sélectionné avant un post :

Code:

1
2
3
4
5
6
7
 
 // Conservation de l'activation du tab de nouveau suivi de la PM recherchée
            if ($('#<%=hfRaisonPmSearch.ClientId%>').val() != "") {
 
                $("#ctrlAccor").accordion({ active: 1 });
 
            };

Si je le supprime et que je sélectionne le tab mon select est ok

28/12/2011, 17h18
SpaceFrog

En fait on voit tout sauf le plus important : le html du select
:aie:

C'est de l'ASP NET / VB NET.
Ci dessous le code html généré du select

Code:

1
2
3
4
5
6
 
<select name="ddlDomaines" onchange="javascript:setTimeout('__doPostBack(\'ddlDomaines\',\'\')', 0)" id="ddlDomaines" style="width:250px;">
	<option selected="selected" value="">Choix domaine...</option>
	<option value="2">Marketing</option>
	<option value="1">Ressources Humaines</option>
</select>

28/12/2011, 18h32
SpaceFrog

Code:

onchange="__doPostBack('ddlDomaines','')"

setTimeout 0 ????
à quoi bon ?

c'est du code généré par ASP NET je n'ai pas la main dessus, ci dessous le code source du select :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 <td>
  <asp:DropDownList ID="ddlDomaines" runat="server" AutoPostBack="true" DataSourceID="sqlDataSourceDdlDomaines" DataTextField="LibDomaine" DataValueField="IdDomaine" Width="250px"></asp:DropDownList>                         
                                <%--DATASOURCE--%>
                                <asp:SqlDataSource 
					                runat="server" 
					                ID="sqlDataSourceDdlDomaines" 
					                ConnectionString="<%$ConnectionStrings:Intranet%>"
					                SelectCommandType="StoredProcedure"
					                SelectCommand="psPratGetDomaines"
					                FilterExpression="EtatDomaine=1">																				
					            </asp:SqlDataSource>
                            </td>

28/12/2011, 19h05
SpaceFrog

Le souci est qu'en js tu ne peux pas passer des paramètres dans un setTimeout de la sorte ...
Il faut le faire dans une closure

Code:

setTimeout(function(){__doPostBack('ddlDomaines','')}, 0)"
28/12/2011, 19h12
ikeabp

:( : Je ne peux pas intervenir sur le code généré à la compilation de la page...

Les items de mon select apparaissent pourtant bien lorsque je clique à nouveau sur le select ?? ou que je ne force pas l'activation du tab 1...

Si pb avec le setTimeout mon select aurait le pb dans tous les cas non ?