Question

我正在使用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中非常糟糕，我的预感是文件。在Ansycnhronous PostBack中没有被执行？

有什么想法吗？斯托

Answer 1

找到解决方案：

Jquery的：

<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>

在异步PostBack

1 个答案: