Добавить класс ACTIVE в <li>на основе параметра строки запроса На другой странице - PullRequest
0 голосов
/ 13 марта 2019

Я передаю значение с одной страницы (Lead.aspx) на другую новую страницу (ShowDetail.aspx) для отображения данных с использованием тегов href с использованием параметра querystring.

<a href='UPDATE_LEAD_STATUS.aspx?LeadId=<%# Eval("LeadId") %>&FUNC=EDIT_HISTORY&Tab=tab2' target="_blank" class="grid-img-btn" title="Show History"><img src="images/show.png" /></a>                                                                                                        

<a href='UPDATE_LEAD_STATUS.aspx?LeadId=<%# Eval("LeadId") %>&FUNC=EDIT_HISTORY&Tab=tab3' target="_blank" class="grid-img-btn" title="Assign Lead To Another User"><img src="images/assign2.png" /></a>                                                                                                        

Строка запроса имеет 3 параметра:
1) Id
2) Функция
3) номер табуляции

от имени параметров forst 2 страница загружает данные во все свои вкладки,

Код второй страницы показан ниже:

                        <ul class="nav-responsive nav nav-tabs" id="myTab">
                        <li class="active"><a href="#tab1" data-toggle="tab">Update Status</a></li>
                        <li class=""><a href="#tab2" data-toggle="tab">Edit Customer</a></li>
                        <li class=""><a href="#tab3" data-toggle="tab">History</a></li>
                       </ul>
    <div class="tab-content">
                            <div class="tab-pane active" id="tab1">
                            <div class="row d-flex align-items-center">
                                <div class="col-md-3">
                                    <h5>Contact Person:</h5>
                                </div>
                                <div class="col-md-3">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_lblClientName" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                                <div class="col-md-3">
                                    <h5>Contact:</h5>
                                </div>
                                <div class="col-md-3">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_lblContactN" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                            </div>
                            <div class="row d-flex align-items-center mrg5T">
                                <div class="col-md-3">
                                    <h5>Company Name:</h5>
                                </div>
                                <div class="col-md-3">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_lblCompName" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                                <div class="col-md-3">
                                    <h5>Status:</h5>
                                </div>
                                <div class="col-md-3">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_lblLeadstatus" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                            </div>
                            <hr>
                            <div class="row d-flex align-items-center">
                                <div class="col-md-4">
                                    <h5>Leads Create Date:</h5>
                                </div>
                                <div class="col-md-4">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_CreateDate" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                                <div class="col-md-4">
                                    <span>
                                        <asp:Label ID="pnlUpdateStatus_CreateDateDiff" runat="server" Text="Lead"></asp:Label></span>
                                </div>
                            </div>
<div>



  <div class="tab-pane" id="tab2">
                               <asp:UpdatePanel runat="server">
                                    <ContentTemplate>
                                        <div class="row d-flex align-items-center">
                                            <div class="col-md-3">
                                                <h5>Contact Person:</h5>
                                            </div>
                                            <div class="col-md-3">
                                                <span>
                                                    <asp:Label ID="pnlLeadEdit_lblClientName" runat="server" Text="Lead"></asp:Label></span>
                                            </div>
                                            <div class="col-md-3">
                                                <h5>Contact:</h5>
                                            </div>
                                            <div class="col-md-3">
                                                <span>
                                                    <asp:Label ID="pnlLeadEdit_lblContactN" runat="server" Text="Lead"></asp:Label></span>
                                            </div>
                                        </div>
                                        <div class="row d-flex align-items-center mrg5T">
                                            <div class="col-md-3">
                                                <h5>Company Name:</h5>
                                            </div>
                                            <div class="col-md-3">
                                                <span>
                                                    <asp:Label ID="pnlLeadEdit_lblCompName" runat="server" Text="Lead"></asp:Label></span>
                                            </div>
                                            <div class="col-md-3">
                                                <h5>Status:</h5>
                                            </div>
                                            <div class="col-md-3">
                                                <span>
                                                    <asp:Label ID="pnlLeadEdit_lblLeadstatus" runat="server" Text="Lead"></asp:Label></span>
                                            </div>
                                        </div>
</ContentTemplate>
<UpdatePanel>
</div>

<div>

Я хочу показать выбранную вкладку с ее данными, отображаемыми, когда я нажимаю кнопку для tab2 или tab3.

Мне это нужно немедленно. Спасибо.

...