Question

我在asp.net工作，我使用twitter bootstrap插件。在我的表格中，我使用Tab。 Tab中有两个选项。＃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提交按钮，那么我可以激活其他选项卡，但通过此我无法将数据保存到数据库中。所以帮助我。

Answer 1

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

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

1 个答案: