jQuery 选项卡未在 PostBack 上的选定选项卡内显示 Asp 面板

Question

故事是这样的：

我有 2 个更新面板。 UpdatePanel 1 有一个下拉列表，它有自己的功能。 UpdatePanel2 具有用于 jQuery 选项卡功能的 Div。

这里是sn-ps的代码：

ASPX

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <table style="width: 100%;">
            <tr>
                <td class="LabelColumn">
                    <asp:Label ID="Label11" runat="server" Text="Company"></asp:Label>
                </td>
                <td>
                    <asp:DropDownList ID="CompanyDropDownList" runat="server" Width="300px" OnSelectedIndexChanged="CompanyDropDownList_SelectedIndexChanged" AutoPostBack="True">
                    </asp:DropDownList>
                </td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
    <ContentTemplate>
        <div id="tabs">
            <ul style="width: 200px">
                <li><a href="#MultiPurposeForm">Multi Purpose Form</a></li>
                <li><a href="#LeaveApplicationForm">Application For Leave</a></li>
            </ul>

            <div id="MultiPurposeForm">
                <table>
                    <tr>
                        <td class="auto-style3">
                            <asp:Label ID="LabelHeader" runat="server" Text="Multi Purpose Form"></asp:Label>

                            <asp:Panel ID="MultiPurposeFormPanel" runat="server" Visible="True" OnLoad="MultiPurposeFormPanel_Load1">
                                <!-- Many controls come here -->
                            </asp:Panel>
                        </td>
                    </tr>
                </table>
            </div>

            <div id="LeaveApplicationForm">
                <asp:Label ID="Label4" runat="server" Text="Application for Leave"></asp:Label>
            </div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

Javascript

<script type="text/javascript">

    function pageLoad(sender, args)
    {
        $(document).ready(function () {
            $("#tabs").tabs();
            //$("#dialog").dialog();
        });
    }

</script>

代码背后

protected void CompanyDropDownList_SelectedIndexChanged(object sender, EventArgs e)
        {
            this.ClearEmployeeDetails(true);
            this.ListEmployeesCheckBox.Checked = false;
            this.EmployeeSelectionDropDownList.Visible = false;

            if (this.CheckLoggedInUserForHRCoordinator())
            {
                this.ListEmployeesCheckBox.Enabled = true;
            }
            else
            {
                this.ListEmployeesCheckBox.Enabled = false;
                this.EmployeeSelectionDropDownList.Visible = false;
            }
        }


protected void MultiPurposeFormPanel_Load1(object sender, EventArgs e)
        {
            this.PopulateMPDocumentCategories();
        }

        private void PopulateMPDocumentCategories()
        {
            if (this.MPDocumentCategoryDropDownList.Items.Count == 0)
            {
                MultiPurposeDocumentEntityService documentService =
                new MultiPurposeDocumentEntityService();

                MultiPurposeDocumentCollection documentCollection =
                    documentService.GetAll();

                foreach (var document in documentCollection)
                {
                    this.MPDocumentCategoryDropDownList.Items.Add(new ListItem(document.Title,
                        document.Id.ToString()));
                }

                if (this.MPDocumentCategoryDropDownList.Items.Count != 0)
                {
                    this.PopulateMPDocumentList(this.MPDocumentCategoryDropDownList.SelectedItem.Text);
                }
            }
        }

第一次加载页面时，一切正常。但是，在 UpdatePanel1 的下拉列表中选择一个项目后，我无法看到 MultiPurposeFormPanel。我只能看到LabelHeader。

知道为什么会这样吗？

Answer 1

每次回发都有一个可见的 = false 触发器。抱歉耽误您的时间。