Выполнение JQuery на асинхронном PostBack

Question

Я использую плагин JQuery под названием ScrollableGridViewPlugin от 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 не выполняется в 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>