在jQuery對話框中對數據網格進行排序，無需刷新頁面，從而關閉對話框

Question

Hello！

我有一個用jQuery UI創建的對話框加載數據網格的問題。我想能夠對數據網格進行排序，但是當列標題被點擊時，刷新頁面並且對話框消失。

我知道如何防止回傳或做局部刷新與UpdatePanel的，但這裏的數據網格被加載這樣的：

<div id="dialog" hidden="true" title="Exceptions"> 
    <asp:GridView runat="server" ID="ExceptionsTable" AutoGenerateColumns="True" AllowSorting="True" /> 
</div> 

，所以我不能換列頭的鏈接，使其不會刷新。

我能解決這個問題嗎？

Answer 1

我找到了自己的答案，希望能幫助其他任何人在這裏發佈。

在更新面板中包裝datadgrid幫助了我！

<asp:UpdatePanel UpdateMode="Conditional" ChildrenAsTriggers="True" runat="server"> 
    <ContentTemplate> 
     <asp:GridView runat="server" ID="ExceptionsTable" AutoGenerateColumns="True" AllowSorting="True" /> 
    </ContentTemplate> 
</asp:UpdatePanel>