C# 在ASP.NET中使用gridview分页引导保存当前选项卡
我试图在GridView中添加分页。gridview位于某些选项卡之一的选项卡内 HTML代码是:C# 在ASP.NET中使用gridview分页引导保存当前选项卡,c#,jquery,asp.net,twitter-bootstrap,gridview,C#,Jquery,Asp.net,Twitter Bootstrap,Gridview,我试图在GridView中添加分页。gridview位于某些选项卡之一的选项卡内 HTML代码是: <div id="Tabs" class="row"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Home</a></li> <li><a data-toggle="tab" href=
<div id="Tabs" class="row">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Some content.</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
<p>Some content in menu 1.</p>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<p>Some content in menu 2.</p>
</div>
</div>
</div>
页面加载代码为:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
populateAllGrids();
}
else
TabName.Value = Request.Form[TabName.UniqueID];
}
当我单击选项卡内的按钮时效果很好,但是当我单击分页的链接时,它将TabName值设置为链接本身
例如,它将设置:
ctl00$ContentSection$TabName:javascript:__doPostBack('ctl00$ContentSection$grvManufacturers','Page$2')
顺便说一句,当我从Chrome的控制台运行将我移动到GridView第二页的链接时,它工作正常
知道是什么让它变成这样吗
谢谢,所以我找到了问题所在 这个问题存在于脚本代码中。它侦听选项卡中的所有链接,并将TabName的值设置为href。当选项卡中唯一的链接是选项卡按钮本身时,它工作得非常好。但是分页按钮也是
链接,因此无法工作
以下是可随时使用的固定脚本:
<script>
$('#ContentSection_ddlOptions').selectpicker();
$(document).ready(function () {
var tabName = $("[id*=TabName]").val() != "" ? $("[id*=TabName]").val() : "addManufacturer";
$('#Tabs > .nav-tabs a[href="#' + tabName + '"]').tab('show');
$("#Tabs > .nav-tabs a").click(function () {
$("[id*=TabName]").val($(this).attr("href").replace("#", ""));
});
});
</script>
$('#ContentSection_ddlu options')。选择选择器();
$(文档).ready(函数(){
var tabName=$(“[id*=tabName]”)。val()!=”“?$(“[id*=tabName]”。val():“addManufacturer”;
$(“#Tabs>.nav Tabs a[href=“#”+tabName+”).tab('show');
$(“#选项卡>导航选项卡a”)。单击(功能(){
$(“[id*=TabName]”.val($(this.attr(“href”).replace(“#”,”);
});
});
所以请提供完整的帮助。我也遇到了同样的问题,并尝试了这个。。。它起作用了。。美好的
ctl00$ContentSection$TabName:javascript:__doPostBack('ctl00$ContentSection$grvManufacturers','Page$2')
<script>
$('#ContentSection_ddlOptions').selectpicker();
$(document).ready(function () {
var tabName = $("[id*=TabName]").val() != "" ? $("[id*=TabName]").val() : "addManufacturer";
$('#Tabs > .nav-tabs a[href="#' + tabName + '"]').tab('show');
$("#Tabs > .nav-tabs a").click(function () {
$("[id*=TabName]").val($(this).attr("href").replace("#", ""));
});
});
</script>