【问题标题】:How To Active Bootstrap Tab after Button Click in ASP.NET如何在 ASP.NET 中单击按钮后激活引导选项卡
【发布时间】:2015-06-06 04:20:54
【问题描述】:

我在 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 提交按钮,那么我可以激活其他选项卡,但通过这个我无法将我的数据保存到数据库中。所以帮帮我吧。

【问题讨论】:

    标签: javascript jquery asp.net twitter-bootstrap tabs


    【解决方案1】:

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

    【讨论】:

    • 我只使用一种形式
    • 你能显示在你的保存操作中调用的服务器端代码吗?
    猜你喜欢
    • 1970-01-01
    • 2015-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-20
    • 1970-01-01
    • 2016-05-17
    相关资源
    最近更新 更多