Gridview sorting ou paging sans PostBack

Version imprimable

04/11/2011, 16h17
Olivier782

Gridview sorting ou paging sans PostBack

Bonjour,

Je cherche une manière de réaliser un tri ou un paging sur un GridView sans faire de PostBack sur la page principale.

Actuellement, j'ai déclaré un gridview ainsi que toutes les colonnes dans un fichier aspx, et je réalise tout le reste de mon traitement dans le code behind (DataBind d'une DataTable sur ma GridView...).

Je pense que je ne peux pas utiliser les attributs tels que AllowPaging=true, sinon ma page se rafraichit... Il faudrait que je réaliser les tâches de tri ou de paging moi même?
04/11/2011, 16h30
DeWaRs

Hello,

Un updatepannel ne fonctionnerait pas dans ton cas ?

DeWaRs
04/11/2011, 16h37
Olivier782

Je viens d'ajouter un UpdatePanel, j'ai ajouté un "AllowPaging=true" dans ma GridView mais j'ai toujours un PostBack quand je change de page (et ça ne me change pas de page). En mettant le curseur sur la page 2 par ex, je vois que le lien associé est qqch du genre "__doPostBack....".

Avec un updatepanel ça marche (je l'ai déjà fait)
Par contre comme ton gridview est un objet server, il fait des postback sauf si tu lui interdis, mais dans ce cas tu fais comment pour faire ton tri ... car toutes les données du gridview ne sont pas envoyé dans ta page et en plus tu devrais faire le tri manuellement en javascript sous réserve que tu puisse le faire.
Avec un updatepanel autour de ton gridview, tu va empêcher à ce que toute ta page se rafraîchisse.
D'ailleurs c'est l'intér^t d'un gridview c'est qu'il gère nativement ces fonctionnalité

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<asp:GridView ID="grdArticles" runat="server" AutoGenerateColumns="False" AllowSorting="True"
                        EmptyDataText="Pas d'articles" Width="100%" EnableSortingAndPagingCallbacks="True"
                        PagerSettings-Visible="true">
                        <RowStyle CssClass="Ligne" />
                        <Columns>
                            <asp:TemplateField HeaderText="Constructeur" InsertVisible="False" SortExpression="CON_LIBelle"
                                HeaderStyle-Width="150px">
                                <ItemTemplate>
                                    <asp:Label ID="l1" runat="server" Text='<%# Bind("CON_LIBelle") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 Protected Sub grdArticles_PageIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewPageEventArgs) Handles grdArticles.PageIndexChanging
        Try
 
            grdArticles.DataSource = dtvArticles
            AddFiltre()
            grdArticles.PageIndex = e.NewPageIndex
 
            grdArticles.DataBind()
 
        Catch ex As Exception
            My.Log.WriteException(ex)
        End Try
    End Sub
 
 
    Protected Sub grdArticles_Sorting(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSortEventArgs) Handles grdArticles.Sorting
        Try
            dtvArticles.Sort = e.SortExpression
            AddFiltre() 'enregistre en cache les tri
            grdArticles.DataSource = dtvArticles
 
            grdArticles.DataBind()
        Catch ex As Exception
            My.Log.WriteException(ex)
        End Try
    End Sub

Peux-tu nous faire voir un peu de code et nous expliquer ton problème de départ, stp ?

09/11/2011, 15h29
Olivier782

Merci BROWNY pour ta réponse.

J'ai finalement utilisé une <table> dans un <asp:Repeater> et utilisé le plugin tablesorter (http://tablesorter.com/docs/).

Mais c'est aussi possible d'utiliser un GridView en l'empêchant de faire un PostBack. On peut y appliquer du tri et de la pagination en utilisant des ViewState et les évènements onSorting et onPaging de la GridView (un collègue me l'a montré).