如何在ASP.NET中单击按钮后激活启动选项卡

How To Active Bootstrap Tab after Button Click in ASP.NET

本文关键字：激活 启动 选项 按钮 单击 ASP NET      更新时间：2023-09-26

我在asp.net工作，使用twitter引导插件。在我的表单中，我使用了一个选项卡。选项卡中有两个选项。#1是地图，#2就是地址。基本上，我会提交一个表单，并在保存数据时将数据保存到数据库中，然后我希望保存的数据显示在#2选项卡（地址选项卡）中。我在stackoverflow上发现了很多与之相关的文章，但我没有做到这一点。

代码：-ASP

            <div class="Map-Panel">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#divMap">Map</a></li>
                    <li><a data-toggle="tab" href="#divAddress">Address</a></li>
                </ul>
                <div class="tab-content">
                    <div id="divMap" class="tab-pane fade in active">
                        <div id="geomap" style="width: 100%; height: 450px;">
                            <p>Loading Please Wait...</p>
                        </div>
                    </div>
                    <div id="divAddress" class="tab-pane fade">
                        <asp:DataList ID="dlAddress" runat="server" CellPadding="4" ForeColor="#333333" RepeatColumns="1" Width="100%">
                        </asp:DataList>
                    </div>
                </div>
            </div>

代码：-Javascript

$('#<%= btnSave.ClientID %>').click(function () {
            $('.nav-tabs > .active').next('li').find('a').trigger('click');
});

如果我使用HTML提交按钮，那么我可以激活其他选项卡，但通过这个按钮我无法将我的数据保存到数据库中。所以帮我吧。

您是否尝试将两个选项卡包装在同一表单中？这种方式会将两个选项卡中的所有数据发送到服务器端脚本。

相关文章：