在另一页上基于查询字符串参数将ACTIVE类添加到<li>

时间:2019-03-13 10:51:53

标签: asp.net jquery-ui-tabs

我正在将值从一个页面(Lead.aspx)传递到另一新页面(ShowDetail.aspx),以使用带有querystring参数的href标记显示数据。

<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的按钮时,我想显示所选标签及其数据。

我立即需要这个。谢谢。

0 个答案:

没有答案