Question

我正在使用Bootstrap显示一些标签，在每个标签中我也使用一个面板。我在面板中放置了一个带分页的asp.net 4.5 GridView控件。现在，有两件事，当我更改页面时，整个页面重绘，我丢失了标签的当前位置，页面跳转到屏幕顶部。

当我访问上一个标签页时，页面确实发生了变化。我已经看到很多使用Jquery捕获选项卡的例子，但是到目前为止，没有什么可以解决这个问题。

我的代码如下：

   <div id="tabContainer">
      <!-- Nav tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#msgDate" data-toggle="tab">Message Date</a></li>
            <li><a href="#msgDateCurrency" data-toggle="tab">Message Date Currency</a></li>
        </ul>

      <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane active" id="msgDate">
                <div id="pnlMsgDateCurrency" class="panel panel-default">
                <!-- Default panel contents -->
                    <div class="panel-heading">
                        <div class="bs-callout bs-callout-warning"><p>select view to see more information, or search to narrow the table</p></div>                    
                    </div>
                    <div class="panel-body">
                        <div class="navbar-form navbar-right"><input type="text" class="form-control" placeholder="Search..." /></div>
                    </div>
                <!-- Table -->
                <div class="table"></div>
            </div>
            </div>

            <div class="tab-pane" id="msgDateCurrency">
                <div id="pnlDateCurrency" class="panel panel-default">
                <!-- Default panel contents -->
                    <div class="panel-heading">
                        <div class="bs-callout bs-callout-warning"><p>select view to see more information, or search to narrow the table</p></div>                    
                    </div>
                    <div class="panel-body">
                        <div class="navbar-form navbar-right"><input type="text" class="form-control" placeholder="Search..." /></div>
                    </div>
                <!-- Table -->
                <div class="table"></div>
            </div>
            </div>
          </div>
         </div>

为了清楚起见，我遗漏了网格，但他们住在表格部分。

那么，我如何保持在同一个标签上，并阻止页面跳到顶部，页面索引更改，或任何回传？

Answer 1

网格视图正在跳跃，因为当您更改页面时，它会导致回发并重新绘制整个页面。所以我认为这里需要什么。尝试使用JavaScript进行分页并发送ajax调用以检索页面数据以避免页面回发。

如何防止页面丢失标签选择，页面索引更改？

1 个答案: