256 messaggi dal 30 novembre 2004
Ciao a tutti, ho un problema con i Tab bootstrap.
Ho un tab panel con due Tab dentro ognuno c'è una gridview con una lista di Checkbox al cui click viene richiamata una void lato server.

Ora al refresh dell'updatepanel i tab non funzionano più.
Come posso risolvere?
427 messaggi dal 13 novembre 2009
Che significa? Che l’event click javascript di bootstrapjs non fa scattare il cambio tab? Cosa usi per legare il link al tab? data-target? Posta il codice perché così è difficile
256 messaggi dal 30 novembre 2004
Ciao si scusami, ho dovuto formattare e non avevo i codice sottomano.
eccolo:

<div class="col-md-12">
                                <asp:HiddenField ID="hfTab" runat="server" />
                                <ul class="nav nav-tabs tabs">
                                    <li id="TabAziende" runat="server" class="active tab">
                                        <a href="#aziende" data-toggle="tab" aria-expanded="false">
                                            <span class="visible-xs"><i class="fa fa-user"></i></span>
                                            <span class="hidden-xs">Aziende</span>
                                        </a>
                                    </li>
                                    <li id="TabUtenti" runat="server" class="tab">
                                        <a href="#utenti" data-toggle="tab" aria-expanded="false">
                                            <span class="visible-xs"><i class="fa fa-user"></i></span>
                                            <span class="hidden-xs">Utenti</span>
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active" id="aziende">
                                        <div>
                                            <label><asp:Literal ID="ltlAziende" runat="server" meta:resourcekey="ltlAziende"></asp:Literal></label>
                                        </div>
                                        <asp:GridView ID="GridViewAziende" runat="server"
                                            AutoGenerateColumns="False"
                                            AllowPaging="True" PageSize="20"
                                            BorderWidth="0" HeaderStyle-BorderWidth="1" HeaderStyle-BorderColor="DarkGray"
                                            AlternatingRowStyle-BorderWidth="1" AlternatingRowStyle-BorderColor="LightGray"
                                            CssClass="table table-hover mails m-0 table table-actions-bar m-t-30 m-b-30"
                                            PagerSettings-Mode="NumericFirstLast"
                                            OnRowDataBound="GridViewAziende_RowDataBound"
                                            OnRowCommand="GridViewAziende_RowCommand"
                                            OnPageIndexChanging="GridViewAziende_PageIndexChanging"
                                            AllowSorting="true" OnSorting="GridViewAziende_Sorting" HorizontalAlign="NotSet">
                                            <PagerStyle CssClass="pagination-ys" />
                                            <Columns>
                                                <asp:TemplateField HeaderText="Seleziona" meta:resourcekey="htSeleziona" HeaderStyle-BorderWidth="0" HeaderStyle-CssClass="tdCheck" ItemStyle-BorderWidth="0" ItemStyle-Width="20px" HeaderStyle-Width="20px" ItemStyle-CssClass="tdCheck">
                                                    <ItemTemplate>
                                                        <label class="CheckSingolo">
                                                            <asp:CheckBox ID="CheckBoxAziende" runat="server" AutoPostBack="True" Checked='<%# Eval("isChecked") %>' OnCheckedChanged="CheckBoxAziende_CheckedChanged" />
                                                            <span class="label-text"></span>
                                                        </label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:BoundField DataField="AziendaId" HeaderText="htAziendaId" SortExpression="AziendaId" HeaderStyle-BorderWidth="0" ItemStyle-BorderWidth="0" />
                                                <asp:BoundField DataField="RagioneSociale" HeaderText="RagioneSociale" meta:resourcekey="htRagioneSociale" SortExpression="RagioneSociale" HeaderStyle-BorderWidth="0" ItemStyle-BorderWidth="0" />
                                            </Columns>
                                        </asp:GridView>
                                    </div>
                                    <div class="tab-pane" id="utenti">
                                        <div>
                                            <label>
                                                <asp:Literal ID="ltlUtenti" runat="server" meta:resourcekey="ltlUtenti"></asp:Literal></label>
                                        </div>
                                        <asp:GridView ID="GridViewUtenti" runat="server"
                                            AutoGenerateColumns="False"
                                            AllowPaging="True" PageSize="20"
                                            BorderWidth="0" HeaderStyle-BorderWidth="1" HeaderStyle-BorderColor="DarkGray"
                                            AlternatingRowStyle-BorderWidth="1" AlternatingRowStyle-BorderColor="LightGray"
                                            CssClass="table table-hover mails m-0 table table-actions-bar m-t-30 m-b-30"
                                            PagerSettings-Mode="NumericFirstLast"
                                            OnRowDataBound="GridViewUtenti_RowDataBound"
                                            OnRowCommand="GridViewUtenti_RowCommand"
                                            OnPageIndexChanging="GridViewUtenti_PageIndexChanging"
                                            AllowSorting="true" OnSorting="GridViewUtenti_Sorting">
                                            <PagerStyle CssClass="pagination-ys" />
                                            <Columns>
                                                <asp:TemplateField HeaderText="Seleziona" meta:resourcekey="htSeleziona" HeaderStyle-BorderWidth="0" HeaderStyle-CssClass="tdCheck" ItemStyle-BorderWidth="0" ItemStyle-Width="20px" HeaderStyle-Width="20px" ItemStyle-CssClass="tdCheck">
                                                    <ItemTemplate>
                                                        <label class="CheckSingolo">
                                                            <asp:CheckBox ID="CheckBoxUtenti" runat="server" AutoPostBack="True" Checked='<%# Eval("isChecked") %>' OnCheckedChanged="CheckBoxUtenti_CheckedChanged" />
                                                            <span class="label-text"></span>
                                                        </label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:BoundField DataField="UserId" HeaderText="htUserId" SortExpression="UserId" HeaderStyle-BorderWidth="0" ItemStyle-BorderWidth="0" />
                                                <asp:BoundField DataField="Utente" HeaderText="Utente" meta:resourcekey="htUtente" SortExpression="Utente" HeaderStyle-BorderWidth="0" ItemStyle-BorderWidth="0" />
                                            </Columns>
                                        </asp:GridView>
                                    </div>
                                </div>
                            </div>


Il problema è che dop l'evento del click sul checkbox di una delle due Gridview perdo la corretta visualizzazione di questa parte, che all'inizio si vede separata e dopo si uniscono le label:

<ul class="nav nav-tabs tabs">
                                    <li id="TabAziende" runat="server" class="active tab">
                                        <a href="#aziende" data-toggle="tab" aria-expanded="false">
                                            <span class="visible-xs"><i class="fa fa-user"></i></span>
                                            <span class="hidden-xs">Aziende</span>
                                        </a>
                                    </li>
                                    <li id="TabUtenti" runat="server" class="tab">
                                        <a href="#utenti" data-toggle="tab" aria-expanded="false">
                                            <span class="visible-xs"><i class="fa fa-user"></i></span>
                                            <span class="hidden-xs">Utenti</span>
                                        </a>
                                    </li>
                                </ul>

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.