在異步回發上執行JQuery

Question

我正在使用一個名爲ScudlableGridViewPlugin的Mudassar Khan插件。

在的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不會在Ansynehronous 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>