input select dans un accordion

[ikeabp]

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 ?

[SpaceFrog]

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

[ikeabp]

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

[SpaceFrog]

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

[ikeabp]

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>

[SpaceFrog]

Code :

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

setTimeout 0 ????
à quoi bon ?

[ikeabp]

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>

[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)"

[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 ?