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

Question

我正在使用带有 jqGrid 的 Ajax tabcontainer。

我有两个标签。 加载 aspx 页面时加载 tab1 的 jqGrid。 对于tab2，按钮点击事件会将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。