0

我正在使用 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 中执行？

有任何想法吗？佩塔尔

4

1 回答 1

0

找到了解决方案：

查询：

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

ASP：

<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>
于 2015-06-02T12:12:48.797 回答