在异步 PostBack 上执行 JQuery答案

【问题标题】：Execute JQuery on asynchronous PostBack在异步 PostBack 上执行 JQuery
【发布时间】：2015-08-16 04:58:57
【问题描述】：

我正在使用 Mudassar Khan 的名为 ScrollableGridViewPlugin 的 JQuery 插件。

在 Document.Ready 函数中，我声明了最大 ScrollHeight 以及 GridView 位于 UpdatePanel 中的事实，如下所示：

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300,
            IsInUpdatePanel: true
        });
    });
</script>

我想要实现的操作是在您按下按钮时显示我的 GridView。这是我的 ASP 代码：

<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <div class="ErrorLogWrap">
            <div class="Content">
                <asp:Button ID="btn" runat="server" OnClick="btn_Click" Text="Show Gridview" />
                <div runat="server" ID="divGrv" visible="false" style="overflow: auto; width: 100%">
                    <asp:GridView runat="server" ID="GridView1">
                    </asp:GridView>

            </div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

如果没有 UpdatePanel，这段代码可以完美运行，但如果使用它，它似乎会完全忽略它。我在 JQuery 方面真的很糟糕，我的直觉是 document.ready 没有在 Ansycnhronous PostBack 中执行？

有什么想法吗？佩塔尔

【问题讨论】：

标签： jquery asp.net gridview asynchronous-postback

【解决方案1】：

找到解决方案：

jquery：

<script type="text/javascript">
    function ScrollGrid() {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300
        });
    };
</script>

平均售价：

<asp:UpdatePanel runat="server">
    <ContentTemplate>
        <script type="text/javascript">
            Sys.Application.add_load(ScrollGrid);
        </script>
        <div class="ErrorLogWrap">
            <div class="Content">
                <asp:Button ID="btn" runat="server" OnClick="btn_Click" Text="Show Gridview" />
                <div runat="server" id="divGrv" visible="false" style="overflow: auto; width: 100%">
                    <asp:GridView runat="server" ID="GridView1">
                    </asp:GridView>
                </div>
            </div>
    </ContentTemplate>
</asp:UpdatePanel>

【讨论】：