0

我有 3 个选项卡 - 最后一个选项卡有一个 updatepanel asp.net：

<div id='tab3' class="tab-panel">
            <h3>
                Filter</h3>
            <asp:UpdatePanel ID="updFilters" runat="server">
                <ContentTemplate>
                    <asp:DropDownList ID="ddlFilterSelect" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlFilterSelect_SelectedIndexChanged"></asp:DropDownList>
                    <asp:ListBox ID="lstFilterSelect" runat="server" SelectionMode="Single" AutoPostBack="true" OnSelectedIndexChanged="lstFilterSelect_SelectedIndexChanged"></asp:ListBox>
                    <asp:Button ID="btnReset" runat="server" Text="Reset Filter" OnClick="btnReset_Click" />
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>

updatepanel 有一个过滤器功能，带有一个选择框，通过 ajax 调用更改选择列表框。发生的情况是，当我进行过滤时，内容消失并选择了第一个选项卡，但内容仍然丢失 - 一旦我再次点击 3 选项卡，内容就会重新出现。

请在此处找到标签 jquery 代码和 html：http: //jsfiddle.net/zidski/LQKSt/

4

1 回答 1

0

您需要做的是在触发更新面板服务器端事件时再次注册 jquery 事件。

使用ScriptManager.RegisterScript重新注册事件，如

在按钮单击中使用 ScriptManager.RegisterScript 调用此 ReRegister() 以及下拉选择的索引更改它在那里。

function ReRegister()
{
// Tabs
$('ul.tabs').each(function () {
    // For each set of tabs, we want to keep track of
    // which tab is active and it's associated content
    var $active, $content, $links = $(this).find('a');

    // Use the first link as the initial active tab
    $active = $links.first().addClass('active');
    $content = $($active.attr('href'));

    // Hide the remaining content
    $links.not(':first').each(function () {
        $($(this).attr('href')).hide();
    });

    // Bind the click event handler
    $(this).on('click', 'a', function (e) {
        // Make the old tab inactive.
        $active.removeClass('active');
        $content.hide();

        // Update the variables with the new link and content
        $active = $(this);
        $content = $($(this).attr('href'));

        // Make the tab active.
        $active.addClass('active');
        $content.show();

        // Prevent the anchor's default click action
        e.preventDefault();
    });
});
}

在触发点击事件后，您可能需要明确打开第三个选项卡。

在 ScriptManager 本身中，您可以调用它

// Open third tab
$('#tabs ul').tabs('select', 2);
于 2012-08-09T12:38:53.003 回答