Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881

    Accordion Bootstrap che non vuole saperne

    Magari non � la sezione giusta ma siccome usa Bootstrap (JS+Jquery+CSS) magari � calzante.

    Quello che segue � il codice di un accordion Bootstrap che genero via codice server side... il risultato � che mi mostra i panel "padri" tutti correttamente chiusi ma cliccandoli non li apre per mostrarmi i relativi panel figlio, qualcuno sa dirmi cos'ha di sbagliato?
    L'inspect col Firebug non mostra nessun errore... eppure...

    Grazie!

    codice:
    <div class="panel">
            <div id="accordion" class="panel-group" role="tablist">
               
            
                  <!-- per ogni articolo -->
                <div class="panel panel-default" >
                    <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#RAT13S001-01" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed">
                          RAT13S001-01 -  BORSA A.T. xxx 
                        </a>
                      </h4>
                    </div>
    
                    <div class="panel-collapse collapse" id="RAT13S001-01" style="height: 0px;">
                        <div class="panel-body">
                        <!-- per ogni variante -->
                         
                            
                                  
                                          <table>
                                              <tr>
                                                  <td>RAT13S001-01BK</td>
                                                  <td>BORSA A.T. xxx BLACK</td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lretail_0">0</span></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lprice_0">0</span></td>
                                                  <td><input name="ctl00$ContentPlaceHolder1$righe$ctl00$subrighe$ctl00$rqta" type="text" value="0" id="ContentPlaceHolder1_righe_subrighe_0_rqta_0" /></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_ltot_0">0</span></td>
                                              </tr>
                                          </table>
                             
                                
                                  
                                          <table>
                                              <tr>
                                                  <td>RAT13S001-01BR</td>
                                                  <td>BORSA A.T. xxx BROWN</td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lretail_1">0</span></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lprice_1">0</span></td>
                                                  <td><input name="ctl00$ContentPlaceHolder1$righe$ctl00$subrighe$ctl01$rqta" type="text" value="0" id="ContentPlaceHolder1_righe_subrighe_0_rqta_1" /></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_ltot_1">0</span></td>
                                              </tr>
                                          </table>
                             
                                
                                  
                                          <table>
                                              <tr>
                                                  <td>RAT13S001-01FX</td>
                                                  <td>BORSA A.T. xxx FUXIA</td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lretail_2">0</span></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_lprice_2">0</span></td>
                                                  <td><input name="ctl00$ContentPlaceHolder1$righe$ctl00$subrighe$ctl02$rqta" type="text" value="0" id="ContentPlaceHolder1_righe_subrighe_0_rqta_2" /></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_0_ltot_2">0</span></td>
                                              </tr>
                                          </table>
                             
                                
                        <!-- fine per ogni variante -->
    
                        </div>
                    </div>
                </div>
                <!-- fine per ogni articolo -->
                
                
                  <!-- per ogni articolo -->
                  <div class="panel panel-default" >
                    <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#RAT13S001-02" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed">
                          RAT13S001-02 - BORSA A.T. xxx 
                        </a>
                      </h4>
                    </div>
    
                    <div class="panel-collapse collapse" id="RAT13S001-02" style="height: 0px;">
                        <div class="panel-body">
                        <!-- per ogni variante  -->
                         
                            
                                          <table>
                                              <tr>
                                                  <td>RAT13S001-02FX</td>
                                                  <td>BORSA A.T. xxx FUXIA</td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_lretail_2">0</span></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_lprice_2">0</span></td>
                                                  <td><input name="ctl00$ContentPlaceHolder1$righe$ctl01$subrighe$ctl02$rqta" type="text" value="0" id="ContentPlaceHolder1_righe_subrighe_1_rqta_2" /></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_ltot_2">0</span></td>
                                              </tr>
                                          </table>
                             
                                
                                  
                                          <table>
                                              <tr>
                                                  <td>RAT13S001-02GR</td>
                                                  <td>BORSA A.T. xxx GREEN</td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_lretail_3">0</span></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_lprice_3">0</span></td>
                                                  <td><input name="ctl00$ContentPlaceHolder1$righe$ctl01$subrighe$ctl03$rqta" type="text" value="0" id="ContentPlaceHolder1_righe_subrighe_1_rqta_3" /></td>
                                                  <td><span id="ContentPlaceHolder1_righe_subrighe_1_ltot_3">0</span></td>
                                              </tr>
                                          </table>
                             
                                
                        <!-- fine per ogni variante -->
    
                        </div>
                    </div>
                </div>
                <!-- fine per ogni articolo -->
                
            </div>
    </div>
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    ...hai un link alla pagina pubblica?
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    ...hai un link alla pagina pubblica?
    no ma ho risolto... non so dirti come ma ha iniziato a funzionare, speriamo che continui...
    Grazie comunque!
    Ciao
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  4. #4
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    Speranza vana.
    No beh funziona lui povero, solo che mi serve che resti aperto quando effettuo il postback della pagina... riposto un po' di codice perchè ci ho messo le mani parecchio:

    codice:
    <div id="accordion" class="panel-group" role="tablist">
    
                            <asp:Repeater ID="articoli" runat="server">
                                <ItemTemplate>
                                    <!-- per ogni articolo -->
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                 <a href="#<%# Replace(Eval("arr_codroot"), ".", "§") %>"  data-parent="#accordion" data-toggle="collapse"  class="accordion-toggle">
                                                    <%# Eval("arr_codroot") %> - <%# Eval("arr_descr") %> 
                                                </a>
                                            </h4>
                                        </div>
    
                                         <div class="panel-collapse collapse" id="<%#  Replace(Eval("arr_codroot"), ".", "§") %>" style="height: 0px;">
                                            <div class="panel-body">
                                                <!-- per ogni variante  fare uno dei seguenti -->
    
                                                <asp:Repeater ID="subrighe" runat="server">
                                                    <HeaderTemplate>
                                                        <table style="width:100%;">
                                                            <tr style="font-weight:bold;">
                                                                <td style="width:150px;">Codice</td>
                                                                <td >Descrizione</td>
                                                                <td style="width:100px;text-align:right;">Prz Rtl</td>
                                                                <td style="width:100px;text-align:right;">Prezzo</td>
                                                                <td style="width:100px;text-align:right;">Qtà</td>
                                                                <td style="width:100px;text-align:right;">Tot. riga</td>
                                                            </tr>
                                                    </HeaderTemplate>
                                                    <ItemTemplate>
                                                      
                                                            <tr style="border-bottom:1px solid #DEDEDE;">
                                                                 <td><asp:Label ID="lart" runat="server" Text='<%#  Eval("ar_codart") %>'  style="float:left;"></asp:Label></td>
                                                                 <td><asp:Label ID="ldescr" runat="server" Text='<%#  Eval("ar_descr") %>'  style="float:left;"></asp:Label></td>
                                                                <td>
                                                                     <asp:Label ID="lretail" runat="server" Text="0"  style="float:right;"></asp:Label></td>
                                                                <td style="text-align:right;">
                                                                     <asp:Label ID="realprice" runat="server" Text="0"  visible="false"></asp:Label>
                                                                     <asp:Label ID="lprice" runat="server" Text="0"  style="float:right;"></asp:Label></td>
                                                                <td style="text-align:right;">
                                                                     <asp:TextBox ID="rqta" runat="server" Width="50px"  style="float:right;text-align:right;" AutoPostBack="true"  OnTextChanged="rqta_TextChanged">0</asp:TextBox></td>
                                                                <td style="text-align:right;">
                                                                     <asp:Label ID="ltot" runat="server" Text="0"  style="float:right;"></asp:Label></td>
                                                            </tr>
          
                                                    </ItemTemplate>
                                                    <FooterTemplate>
                                                        </table>
                                                    </FooterTemplate>
                                                </asp:Repeater>
                                                <!-- fine per ogni variante -->
    
                                            </div>
                                        </div>
                                    </div>
                                    <!-- fine per ogni articolo -->
    
                                </ItemTemplate>
                            </asp:Repeater></div>
    Orbene, i dati li collego al repeater via codebehind e come si vede, sul textchanged del dato quantità (dove c'è la textbox) vado a calcolare il totale di riga e ad aggiornare l'informazione sulla riga e sul piede della pagina dove ho il totale dell'ordine (e funziona).

    Il problema è che mi perde il focus della riga del repeater cioè facendo il postback mi richiude l'accordion: nella direttiva page ho aggiunto MaintainScrollPositionOnPostback="true" e resta più o meno in posizione ma devo risolvere la chiusura della riga dell'accordion...

    A questo link danno una soluzione ma a me non funziona: http://www.aspforums.net/Threads/993...ack-in-ASPNet/
    Firebug mi dice che ho un problema con la funzione JS:
    "ReferenceError: $ is not defined
    nuovoordine.aspx()nuovoordine.aspx (riga 584)

    $(function() {

    "
    ... mi sapete aiutare?
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  5. #5
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    uppo
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  6. #6
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    Quote Originariamente inviata da supermac Visualizza il messaggio
    uppo
    Sembra ri-risolto dopo l'aggiornamento di Bootstrap e di jQuery nella soluzione... che fatica regà
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.