ajax 选项卡容器中的选项卡更改后选项卡中的 jqGrid 消失

Question

我正在使用 Ajax tabcontainer 和 jqGrid。

我有两个标签。 tab1的jqGrid是在加载aspx页面的时候加载的。 对于tab2，button点击事件会将activetabindex变为1，然后加载数据

但是现在当我返回 tab1 时，选项卡打开但 jqGrid 消失了。

有什么办法可以解决这个问题

<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
                        <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="This is first tab">
                            <ContentTemplate>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:LinkButton ID="LinkButton4"runat="server"
                                                            Text='Load data for tab2'
                                                            OnClick="btnLoadDataForTab2_Click"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table id="tblTab1"></table>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="This is second tab">
                            <ContentTemplate>
                                <table>
                                    <tr>
                                        <td>
                                            <table id="tblTab2"></table>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:TabPanel>
                    </asp:TabContainer>

Answer 1

您必须在 activeTabChange 事件上再次初始化 JQGrid。 另外，使 TabContainer 的 autoPostBack= true。