重定向时启用如何启用第二个选项卡 [英] how to enable second tab is enabled when redirect
本文介绍了重定向时启用如何启用第二个选项卡的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
Basic_search.aspx:
< div class = widget >
< div class = widget-head br-lblue >
< h3 class = pull-left > ; class = fa fa -search> Basi搜索标准< / h3 >
< div 类 = 拉-right >
<! - 导航标签 - >
< ul>
< li>< a href = #c-one数据 - toggle = tab class = < span class =code-string> btn btn-default btn-xs> Tab1 < ; / a > < / li >
< li>< a href = < span class =code-string> #c-two data-toggle = tab class = < span class =code-string> btn btn-default btn-xs> Tab2 < / a > < / li >
< li>< a href = #c-three data-toggle = tab class = btn btn-default btn-xs > Tab3 < / a > ; < / li >
< li>< a href = #c-four data-toggle = tab class = < span class =code-string> btn btn-default btn-xs> Tab4 < ; / a > < / li >
< ; / ul >
< / div >
< div class = clearfix > < / div >
< / div >
< div class = widget-body >
--- Tab1
< div class = 标签-content >
< div class = 标签窗格在淡入淡出时显示 id = < span class =code-string> c-one >
< div class = row >
< di v class = col-md-12 >
<! - 聊天小部件 - >
段落 1
< / < span class =code-leadattribute> div >
< / div >
< / div >
- tab2
< div class = tab-pane fade id = c-two >
< div class = < span class =code-string> row >
< div class = col-md-12 >
<! - 聊天小部件 - >
段 2
< / div >
< / div >
< / div >
< / div >
我的主表单中的菜单
< ; li>< a href = Basic_search.aspx>< span>常规搜索< span class =code-keyword>< / span > < / a > < / li >
< li>< a href = Basic_search.aspx>< span>高级搜索< / span > < / a > < / li >
这两个菜单项都重定向到有四个标签的单个页面面板。我想要做的是当我点击常规搜索我想重定向到 Basic_search.aspx
但是 tab panel1
应该是启用和我单击高级搜索时相同,我想重定向到相同的 Basic_search.aspx
,但选项卡面板2
应该是启用。
我希望它清楚。
我如何实现这一点。我帮助
解决方案
请点击此链接将有所帮助:
http://www.aspsnippets.com/Articles/jQuery-Tabs-Maintain-Selected-Tab-on-PostBack-in-ASPNet.aspx 一> [ ^ ]
Basic_search.aspx:
<div class="widget">
<div class="widget-head br-lblue">
<h3 class="pull-left">class="fa fa-search"> Basi Search Criteria</h3>
<div class="pull-right">
<!-- Nav tabs -->
<ul>
<li ><a href="#c-one" data-toggle="tab" class="btn btn-default btn-xs">Tab1</a> </li>
<li ><a href="#c-two" data-toggle="tab" class="btn btn-default btn-xs">Tab2</a> </li>
<li><a href="#c-three" data-toggle="tab" class="btn btn-default btn-xs">Tab3</a> </li>
<li><a href="#c-four" data-toggle="tab" class="btn btn-default btn-xs">Tab4</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="widget-body">
---Tab1
<div class="tab-content">
<div class="tab-pane active in fade" id="c-one" >
<div class="row">
<div class="col-md-12">
<!-- Chat widget -->
Paragraph 1
</div>
</div>
</div>
--tab2
<div class="tab-pane fade" id="c-two">
<div class="row">
<div class="col-md-12">
<!-- Chat widget -->
paragraph 2
</div>
</div>
</div>
</div>
Menu in my master form
<li><a href="Basic_search.aspx"><span>Regular Search</span></a></li>
<li><a href="Basic_search.aspx"><span>Advanced Search</span></a></li>
both menu items redirect to the single page which is having four tab panels. what i want to do is when i click Regular search i want to redirect to Basic_search.aspx
but tab panel1
should be enabled as same as when i click Advanced search i want to redirect to the same Basic_search.aspx
but tab panel2
should be enabled.
I hope its clear.
how do i achieve this .assist me
解决方案
hpe this link will help:
http://www.aspsnippets.com/Articles/jQuery-Tabs-Maintain-Selected-Tab-on-PostBack-in-ASPNet.aspx[^]
这篇关于重定向时启用如何启用第二个选项卡的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文